migrate to nuxt v4

.vscode/extensions.json

@@ -4,7 +4,6 @@
     "dbaeumer.vscode-eslint",
     "antfu.goto-alias",
     "visualstudioexptteam.vscodeintellicode",
-    "Nuxtr.nuxtr-vscode",
     "esbenp.prettier-vscode",
     "yoavbls.pretty-ts-errors",
     "bradlc.vscode-tailwindcss",

.vscode/settings.json

@@ -3,9 +3,6 @@
   "editor.useTabStops": false,
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "editor.formatOnSave": true,
-  "nuxtr.vueFiles.style.addStyleTag": false,
-  "nuxtr.piniaFiles.defaultTemplate": "setup",
-  "nuxtr.monorepoMode.DirectoryName": "src",
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": "always"
   },

src/nuxt.config.ts

@@ -2,10 +2,7 @@ import { fileURLToPath } from 'node:url';
 
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-  future: {
-    compatibilityVersion: 4,
-  },
-  compatibilityDate: '2025-02-04',
+  compatibilityDate: '2025-07-15',
   devtools: { enabled: true },
   modules: [
     '@nuxtjs/i18n',
@@ -87,15 +84,11 @@ export default defineNuxtConfig({
         target: 'es2020',
       },
     },
-    alias: {
-      '#db': fileURLToPath(new URL('./server/database/', import.meta.url)),
-    },
     externals: {
       traceInclude: [fileURLToPath(new URL('./cli/index.ts', import.meta.url))],
     },
   },
   alias: {
-    // for typecheck reasons (https://github.com/nuxt/cli/issues/323)
     '#db': fileURLToPath(new URL('./server/database/', import.meta.url)),
-  },
-});
+  }
+})

src/package.json

@@ -22,25 +22,25 @@
   "dependencies": {
     "@eschricht/nuxt-color-mode": "^1.1.5",
     "@heroicons/vue": "^2.2.0",
-    "@libsql/client": "^0.15.9",
+    "@libsql/client": "^0.15.10",
     "@nuxtjs/i18n": "^9.5.6",
     "@nuxtjs/tailwindcss": "^6.14.0",
     "@phc/format": "^1.0.0",
     "@pinia/nuxt": "^0.11.1",
     "@tailwindcss/forms": "^0.5.10",
     "apexcharts": "^5.2.0",
-    "argon2": "^0.43.0",
+    "argon2": "^0.43.1",
     "cidr-tools": "^11.0.3",
     "citty": "^0.1.6",
     "consola": "^3.4.2",
     "crc-32": "^1.2.2",
     "debug": "^4.4.1",
-    "drizzle-orm": "^0.44.2",
+    "drizzle-orm": "^0.44.3",
     "ip-bigint": "^8.2.1",
     "is-cidr": "^5.1.1",
     "is-ip": "^5.0.1",
     "js-sha256": "^0.11.1",
-    "nuxt": "^3.17.7",
+    "nuxt": "^4.0.0",
     "otpauth": "^9.4.0",
     "pinia": "^3.0.3",
     "qr": "^0.5.0",
@@ -48,12 +48,13 @@
     "semver": "^7.7.2",
     "tailwindcss": "^3.4.17",
     "timeago.js": "^4.0.2",
-    "vue": "latest",
+    "vue": "^3.5.17",
+    "vue-router": "^4.5.1",
     "vue3-apexcharts": "^1.8.0",
     "zod": "^4.0.5"
   },
   "devDependencies": {
-    "@nuxt/eslint": "^1.5.2",
+    "@nuxt/eslint": "1.5.2",
     "@types/debug": "^4.1.12",
     "@types/phc__format": "^1.0.1",
     "@types/semver": "^7.7.0",

src/server/api/session.get.ts

@@ -3,7 +3,7 @@ export default defineEventHandler(async (event) => {
 
   if (!session.data.userId) {
     // not logged in
-    return null;
+    return {};
   }
 
   const user = await Database.users.get(session.data.userId);

src/tsconfig.json

@@ -1,4 +1,18 @@
 {
   // https://nuxt.com/docs/guide/concepts/typescript
-  "extends": "./.nuxt/tsconfig.json"
+  "files": [],
+  "references": [
+    {
+      "path": "./.nuxt/tsconfig.app.json"
+    },
+    {
+      "path": "./.nuxt/tsconfig.server.json"
+    },
+    {
+      "path": "./.nuxt/tsconfig.shared.json"
+    },
+    {
+      "path": "./.nuxt/tsconfig.node.json"
+    }
+  ]
 }