app/components/shared/ProductFilter.vue

@@ -101,19 +101,19 @@
 
   defineProps({
     productTypeOptions: {
-      type: Array as () => Array<{ id: number; name: string }>,
+      type: Array as () => Array<DocumentListProductType>,
       default: () => [],
     },
     productOptions: {
-      type: Array as () => Array<{ id: number; name: string }>,
+      type: Array as () => Array<DocumentListProduct>,
       default: () => [],
     },
   });
 
   const model = defineModel<{
     keyword: string;
-    selectedType: number | null;
-    selectedProduct: number | null;
+    selectedType: string | null;
+    selectedProduct: string | null;
   }>();
 </script>
 

app/pages/support/documents.vue

@@ -30,8 +30,8 @@
   ];
 
   const filters = reactive({
-    selectedType: null as number | null,
-    selectedProduct: null as number | null,
+    selectedType: null as string | null,
+    selectedProduct: null as string | null,
     keyword: '',
   });