[TS] Enable strict mode (#3136)

src/components/common/ComfyImage.vue

@@ -55,6 +55,7 @@ const classArray = computed(() => {
   } else if (typeof props.class === 'string') {
     return props.class.split(' ')
   } else if (typeof props.class === 'object') {
+    // @ts-expect-error fixme ts strict error
     return Object.keys(props.class).filter((key) => props.class[key])
   }
   return []

src/components/common/CustomizationDialog.vue

@@ -98,12 +98,14 @@ const defaultIcon = iconOptions.find(
   (option) => option.value === nodeBookmarkStore.defaultBookmarkIcon
 )
 
+// @ts-expect-error fixme ts strict error
 const selectedIcon = ref<{ name: string; value: string }>(defaultIcon)
 const finalColor = ref(
   props.initialColor || nodeBookmarkStore.defaultBookmarkColor
 )
 
 const resetCustomization = () => {
+  // @ts-expect-error fixme ts strict error
   selectedIcon.value =
     iconOptions.find((option) => option.value === props.initialIcon) ||
     defaultIcon

src/components/common/ElectronFileDownload.vue

@@ -101,13 +101,16 @@ const fileSize = computed(() =>
   download.fileSize.value ? formatSize(download.fileSize.value) : '?'
 )
 const electronDownloadStore = useElectronDownloadStore()
+// @ts-expect-error fixme ts strict error
 const [savePath, filename] = props.label.split('/')
 
 electronDownloadStore.$subscribe((_, { downloads }) => {
   const download = downloads.find((download) => props.url === download.url)
 
   if (download) {
+    // @ts-expect-error fixme ts strict error
     downloadProgress.value = Number((download.progress * 100).toFixed(1))
+    // @ts-expect-error fixme ts strict error
     status.value = download.status
   }
 })

src/components/common/TreeExplorer.vue

@@ -170,18 +170,21 @@ const deleteCommand = async (node: RenderedTreeExplorerNode) => {
   await node.handleDelete?.()
   emit('nodeDelete', node)
 }
+// @ts-expect-error fixme ts strict error
 const menuItems = computed<MenuItem[]>(() =>
   [
     getAddFolderMenuItem(menuTargetNode.value),
     {
       label: t('g.rename'),
       icon: 'pi pi-file-edit',
+      // @ts-expect-error fixme ts strict error
       command: () => renameCommand(menuTargetNode.value),
       visible: menuTargetNode.value?.handleRename !== undefined
     },
     {
       label: t('g.delete'),
       icon: 'pi pi-trash',
+      // @ts-expect-error fixme ts strict error
       command: () => deleteCommand(menuTargetNode.value),
       visible: menuTargetNode.value?.handleDelete !== undefined,
       isAsync: true // The delete command can be async
@@ -189,6 +192,7 @@ const menuItems = computed<MenuItem[]>(() =>
     ...extraMenuItems.value
   ].map((menuItem) => ({
     ...menuItem,
+    // @ts-expect-error fixme ts strict error
     command: wrapCommandWithErrorHandler(menuItem.command, {
       isAsync: menuItem.isAsync ?? false
     })
@@ -226,6 +230,7 @@ defineExpose({
    * @param targetNodeKey - The key of the node where the folder will be added under
    */
   addFolderCommand: (targetNodeKey: string) => {
+    // @ts-expect-error fixme ts strict error
     addFolderCommand(findNodeByKey(renderedRoot.value, targetNodeKey))
   }
 })

src/components/common/__tests__/EditableText.spec.ts

@@ -1,4 +1,3 @@
-// @ts-strict-ignore
 import { mount } from '@vue/test-utils'
 import PrimeVue from 'primevue/config'
 import InputText from 'primevue/inputtext'
@@ -14,6 +13,7 @@ describe('EditableText', () => {
     app.use(PrimeVue)
   })
 
+  // @ts-expect-error fixme ts strict error
   const mountComponent = (props, options = {}) => {
     return mount(EditableText, {
       global: {
@@ -65,6 +65,7 @@ describe('EditableText', () => {
     })
     await wrapper.findComponent(InputText).trigger('blur')
     expect(wrapper.emitted('edit')).toBeTruthy()
+    // @ts-expect-error fixme ts strict error
     expect(wrapper.emitted('edit')[0]).toEqual(['Test Text'])
   })
 })

src/components/common/__tests__/TreeExplorerTreeNode.spec.ts

@@ -1,4 +1,3 @@
-// @ts-strict-ignore
 import { createTestingPinia } from '@pinia/testing'
 import { mount } from '@vue/test-utils'
 import Badge from 'primevue/badge'
@@ -59,6 +58,7 @@ describe('TreeExplorerTreeNode', () => {
     expect(wrapper.findComponent(EditableText).props('modelValue')).toBe(
       'Test Node'
     )
+    // @ts-expect-error fixme ts strict error
     expect(wrapper.findComponent(Badge).props()['value'].toString()).toBe('3')
   })