[TS] Enable strict mode (#3136)

src/components/dialog/content/SettingDialogContent.vue

@@ -157,7 +157,9 @@ const categories = computed<SettingTreeNode[]>(() =>
   ].map((node) => ({
     ...node,
     translatedLabel: t(
+      // @ts-expect-error fixme ts strict error
       `settingsCategories.${normalizeI18nKey(node.label)}`,
+      // @ts-expect-error fixme ts strict error
       node.label
     )
   }))
@@ -175,12 +177,16 @@ onMounted(() => {
 })
 
 const sortedGroups = (category: SettingTreeNode): ISettingGroup[] => {
-  return [...(category.children ?? [])]
-    .sort((a, b) => a.label.localeCompare(b.label))
-    .map((group) => ({
-      label: group.label,
-      settings: flattenTree<SettingParams>(group)
-    }))
+  // @ts-expect-error fixme ts strict error
+  return (
+    [...(category.children ?? [])]
+      // @ts-expect-error fixme ts strict error
+      .sort((a, b) => a.label.localeCompare(b.label))
+      .map((group) => ({
+        label: group.label,
+        settings: flattenTree<SettingParams>(group)
+      }))
+  )
 }
 
 const searchQuery = ref<string>('')

src/components/dialog/content/error/ReportIssuePanel.vue

@@ -4,7 +4,7 @@
     @submit="submit"
     :resolver="zodResolver(issueReportSchema)"
   >
-    <Panel :pt="$attrs.pt">
+    <Panel :pt="$attrs.pt as any">
       <template #header>
         <div class="flex items-center gap-2">
           <span class="font-bold">{{ title }}</span>

src/components/dialog/content/error/__tests__/ReportIssuePanel.spec.ts

@@ -1,4 +1,3 @@
-// @ts-strict-ignore
 import { Form } from '@primevue/forms'
 import { mount } from '@vue/test-utils'
 import Checkbox from 'primevue/checkbox'
@@ -95,12 +94,15 @@ vi.mock('@primevue/forms', () => ({
     },
     methods: {
       onSubmit() {
+        // @ts-expect-error fixme ts strict error
         this.$emit('submit', {
           valid: true,
+          // @ts-expect-error fixme ts strict error
           values: this.formValues
         })
       },
       updateFieldValue(name: string, value: any) {
+        // @ts-expect-error fixme ts strict error
         this.formValues[name] = value
       }
     }
@@ -116,13 +118,17 @@ vi.mock('@primevue/forms', () => ({
       }
     },
     methods: {
+      // @ts-expect-error fixme ts strict error
       updateValue(value) {
+        // @ts-expect-error fixme ts strict error
         this.modelValue = value
+        // @ts-expect-error fixme ts strict error
         let parent = this.$parent
         while (parent && parent.$options.name !== 'Form') {
           parent = parent.$parent
         }
         if (parent) {
+          // @ts-expect-error fixme ts strict error
           parent.updateFieldValue(this.name, value)
         }
       }
@@ -163,6 +169,7 @@ describe('ReportIssuePanel', () => {
 
     for (const field of DEFAULT_FIELDS) {
       const checkbox = checkboxes.find(
+        // @ts-expect-error fixme ts strict error
         (checkbox) => checkbox.props('value') === field
       )
       expect(checkbox).toBeDefined()
@@ -218,12 +225,11 @@ describe('ReportIssuePanel', () => {
     })
 
     // Filter out the contact preferences checkboxes
-    const fieldCheckboxes = wrapper
-      .findAllComponents(Checkbox)
-      .filter(
-        (checkbox) =>
-          !['followUp', 'notifyOnResolution'].includes(checkbox.props('value'))
-      )
+    const fieldCheckboxes = wrapper.findAllComponents(Checkbox).filter(
+      // @ts-expect-error fixme ts strict error
+      (checkbox) =>
+        !['followUp', 'notifyOnResolution'].includes(checkbox.props('value'))
+    )
     expect(fieldCheckboxes.length).toBe(1)
     expect(fieldCheckboxes.at(0)?.props('value')).toBe('Settings')
   })
@@ -235,6 +241,7 @@ describe('ReportIssuePanel', () => {
     })
     const customCheckbox = wrapper
       .findAllComponents(Checkbox)
+      // @ts-expect-error fixme ts strict error
       .find((checkbox) => checkbox.props('value') === 'CustomField')
     expect(customCheckbox).toBeDefined()
   })

src/components/dialog/content/setting/__tests__/SettingItem.spec.ts

@@ -1,4 +1,3 @@
-// @ts-strict-ignore
 import { mount } from '@vue/test-utils'
 import { createPinia } from 'pinia'
 import PrimeVue from 'primevue/config'