update dependencies

package.json

@@ -3,6 +3,7 @@
   "type": "module",
   "private": true,
   "scripts": {
+    "db:studio": "prisma studio --browser none",
     "build": "nuxt build",
     "dev": "nuxt dev --host",
     "generate": "nuxt generate",
@@ -12,33 +13,35 @@
     "lint:fix": "eslint . --fix"
   },
   "dependencies": {
-    "@nuxt/content": "2.9.0",
+    "@nuxt/content": "2.10.0",
     "@nuxt/image": "1.1.0",
     "@nuxt/ui": "2.11.1",
     "@pinia/nuxt": "0.5.1",
-    "@prisma/client": "^5.7.0",
+    "@prisma/client": "5.7.1",
     "@vercel/analytics": "1.1.1",
-    "@vueuse/motion": "2.0.0",
+    "@vercel/speed-insights": "^1.0.2",
+    "nuxt": "3.9.0",
+    "nuxt-auth-utils": "0.0.13",
     "pinia": "2.1.7",
-    "postcss-custom-properties": "13.3.2",
-    "sass": "1.69.5",
+    "postcss-custom-properties": "13.3.4",
+    "prisma": "5.7.1",
+    "sass": "1.69.6",
     "superjson": "2.2.1",
-    "tailwindcss": "3.3.6",
+    "tailwindcss": "3.4.0",
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "2.4.5",
-    "@iconify/json": "2.2.157",
-    "@nuxthq/studio": "1.0.5",
+    "@antfu/eslint-config": "2.6.1",
+    "@iconify/json": "2.2.164",
+    "@nuxt/devtools": "1.0.6",
+    "@nuxt/eslint-config": "^0.2.0",
+    "@nuxthq/studio": "1.0.6",
     "@pinia-plugin-persistedstate/nuxt": "1.2.0",
     "@tailwindcss/typography": "^0.5.10",
-    "@types/node": "20.10.4",
-    "@vueuse/core": "10.7.0",
-    "@vueuse/nuxt": "10.7.0",
-    "eslint": "8.55.0",
-    "nuxt": "3.8.2",
-    "nuxt-auth-utils": "0.0.13",
-    "prisma": "5.7.0",
+    "@types/node": "20.10.6",
+    "@vueuse/core": "10.7.1",
+    "@vueuse/nuxt": "10.7.1",
+    "eslint": "8.56.0",
     "typescript": "5.3.3"
   }
 }

src/layouts/default.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { SpeedInsights } from '@vercel/speed-insights/nuxt'
+
 const appConfig = useAppConfig()
 const getColor = computed(() => appConfig.ui.primary)
 
@@ -10,6 +12,7 @@ router.afterEach((route) => {
 
 <template>
   <div>
+    <SpeedInsights />
     <NuxtLoadingIndicator :color="getColor" />
     <section class="fixed inset-0 flex justify-center sm:px-8">
       <div class="flex w-full max-w-7xl">