Added frontend @vueuse/nuxt package

frontend/nuxt.config.ts

@@ -1,17 +1,17 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-	modules: ['@nuxtjs/tailwindcss', 'nuxt-icon'],
+    modules: ['@nuxtjs/tailwindcss', 'nuxt-icon', '@vueuse/nuxt'],
-	tailwindcss: {
+    tailwindcss: {
-		configPath: './tailwind.config.ts',
+        configPath: './tailwind.config.ts',
-	},
+    },
-	typescript: {
+    typescript: {
-		strict: true,
+        strict: true,
-	},
+    },
-	runtimeConfig: {
+    runtimeConfig: {
-		public: {
+        public: {
-			api: 'http://dev.local:8000/api',
+            api: 'http://dev.local:8000/api',
-			url: 'http://dev.local:8000',
+            url: 'http://dev.local:8000',
-		},
+        },
-	},
+    },
-	ssr: false,
+    ssr: false,
 })

frontend/package.json

@@ -11,6 +11,8 @@
   "devDependencies": {
     "@nuxtjs/tailwindcss": "^6.7.0",
     "@types/node": "^18",
+    "@vueuse/core": "^10.2.0",
+    "@vueuse/nuxt": "^10.2.0",
     "nuxt": "^3.5.2",
     "nuxt-icon": "^0.4.1",
     "prettier": "^2.8.8",