Install Vue.js integration for Astro

astro.config.mjs

@@ -1,14 +1,17 @@
 import { defineConfig } from 'astro/config';
 
 // https://astro.build/config
-import netlify from "@astrojs/netlify/functions";
+import netlify from '@astrojs/netlify/functions';
 
 // https://astro.build/config
-import tailwind from "@astrojs/tailwind";
+import tailwind from '@astrojs/tailwind';
+
+// https://astro.build/config
+import vue from '@astrojs/vue';
 
 // https://astro.build/config
 export default defineConfig({
   output: 'server',
   adapter: netlify(),
-  integrations: [tailwind()]
-});
+  integrations: [tailwind(), vue()]
+});

package.json

@@ -21,10 +21,16 @@
   "dependencies": {
     "@astrojs/netlify": "^1.3.0",
     "@astrojs/tailwind": "^2.1.3",
+    "@astrojs/vue": "^1.2.2",
     "@fortawesome/fontawesome-free": "^6.2.1",
     "astro": "^1.8.0",
-    "astro-icon": "^0.8.0",
     "daisyui": "^2.46.0",
-    "tailwindcss": "^3.2.4"
+    "debounce": "^1.2.1",
+    "fast-fuzzy": "^1.12.0",
+    "tailwindcss": "^3.2.4",
+    "vue": "^3.2.45"
+  },
+  "devDependencies": {
+    "@types/debounce": "^1.2.1"
   }
 }

tsconfig.json

@@ -1,3 +1,6 @@
 {
   "extends": "astro/tsconfigs/strict",
+  "compilerOptions": {
+    "jsx": "preserve"
+  }
 }