修复筛选问题并启动vue调试器

buka-lnc · Mar 28, 2024 · 163d8ce · 163d8ce
1 parent 33ac9a7
commit 163d8ce
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 5 deletions.
diff --git a/app/frontend/nuxt.config.ts b/app/frontend/nuxt.config.ts
@@ -4,10 +4,8 @@ import themes from 'daisyui/src/theming/themes'
 import colors from 'tailwindcss/colors'
 
 export default defineNuxtConfig({
-  // devtools: { enabled: false },
-  app: {},
+  // ssr: false,
 
-  ssr: false,
   modules: [
     '@pinia/nuxt',
     '@nuxtjs/tailwindcss',
@@ -104,4 +102,11 @@ export default defineNuxtConfig({
       },
     },
   },
+
+  vue: {
+    // @ts-ignore
+    config: {
+      devtools: true,
+    },
+  },
 })
diff --git a/app/frontend/pages/applications.vue b/app/frontend/pages/applications.vue
@@ -27,6 +27,13 @@ const { pending, refresh } = useAsyncData(
 )
 
 const showCreateModal = ref(false)
+
+const filterType = ref<'title' | 'tag'>('title')
+
+const filterTypeDescription = {
+  title: 'Title',
+  tag: 'Tag',
+}
 </script>
 
 <template>
@@ -51,11 +58,11 @@ const showCreateModal = ref(false)
 
       <div class="flex items-center justify-between">
         <div class="d-join  w-1/2 flex">
-          <SelectBox value="title">
+          <SelectBox v-model="filterType" class="w-32">
             <SelectButton
               class="d-join-item d-select-lg d-select-bordered"
             >
-              Title
+              {{ filterTypeDescription[filterType] }}
             </SelectButton>
 
             <template #options>