chore(deps): update nuxt framework to ^3.16.0 (v3) (#3484)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
Co-authored-by: Pooya Parsa <pooya@pi0.io>

docs/nuxt.config.ts

@@ -55,6 +55,7 @@ export default defineNuxtConfig({
       }]
     },
     rootAttrs: {
+      // @ts-expect-error - vaul-drawer-wrapper is not typed
       'vaul-drawer-wrapper': '',
       'class': 'bg-(--ui-bg)'
     }

docs/package.json

@@ -10,7 +10,7 @@
     "@nuxt/content": "^3.3.0",
     "@nuxt/image": "^1.9.0",
     "@nuxt/ui": "latest",
-    "@nuxt/ui-pro": "https://pkg.pr.new/@nuxt/ui-pro@64d35d1",
+    "@nuxt/ui-pro": "https://pkg.pr.new/@nuxt/ui-pro@85c10da",
     "@nuxthub/core": "^0.8.18",
     "@nuxtjs/plausible": "^1.2.0",
     "@octokit/rest": "^21.1.1",
@@ -19,10 +19,10 @@
     "joi": "^17.13.3",
     "motion": "^12.4.10",
     "motion-v": "0.11.3",
-    "nuxt": "^3.15.4",
+    "nuxt": "^3.16.0",
     "nuxt-component-meta": "^0.10.0",
     "nuxt-llms": "^0.1.0",
-    "nuxt-og-image": "^4.2.0",
+    "nuxt-og-image": "^5.0.1",
     "prettier": "^3.5.3",
     "shiki-transformer-color-highlight": "^1.0.0",
     "superstruct": "^2.0.2",

package.json

@@ -67,7 +67,7 @@
     "dev:build": "nuxi build playground",
     "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && nuxi prepare docs && vite build playground-vue",
     "docs": "DEV=true nuxi dev docs",
-    "docs:build": "nuxi build docs",
+    "docs:build": "NODE_OPTIONS='--max-old-space-size=8192' nuxi build docs",
     "docs:prepare": "nuxt-component-meta docs",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
@@ -83,13 +83,13 @@
     "@internationalized/number": "^3.6.0",
     "@nuxt/fonts": "^0.10.3",
     "@nuxt/icon": "^1.10.3",
-    "@nuxt/kit": "^3.15.4",
-    "@nuxt/schema": "^3.15.4",
+    "@nuxt/kit": "^3.16.0",
+    "@nuxt/schema": "^3.16.0",
     "@nuxtjs/color-mode": "^3.5.2",
     "@tailwindcss/postcss": "^4.0.12",
     "@tailwindcss/vite": "^4.0.12",
     "@tanstack/vue-table": "^8.21.2",
-    "@unhead/vue": "^1.11.20",
+    "@unhead/vue": "^2.0.0-rc.9",
     "@vueuse/core": "^12.8.2",
     "@vueuse/integrations": "^12.8.2",
     "colortranslator": "^4.1.0",
@@ -129,7 +129,7 @@
     "eslint": "^9.22.0",
     "happy-dom": "^17.1.2",
     "joi": "^17.13.3",
-    "nuxt": "^3.15.4",
+    "nuxt": "^3.16.0",
     "release-it": "^18.1.2",
     "superstruct": "^2.0.2",
     "valibot": "^0.42.1",
@@ -147,9 +147,8 @@
     "chokidar": "3.6.0",
     "debug": "4.3.7",
     "happy-dom": "17.1.2",
-    "rollup": "4.32.1",
+    "rollup": "4.34.9",
     "typescript": "5.6.3",
-    "unimport": "3.14.5",
     "unplugin": "^2.2.0",
     "vue": "3.5.13",
     "vue-tsc": "2.2.0"

playground/package.json

@@ -12,6 +12,6 @@
     "@iconify-json/simple-icons": "^1.2.27",
     "@nuxt/ui": "latest",
     "@nuxthub/core": "^0.8.18",
-    "nuxt": "^3.15.4"
+    "nuxt": "^3.16.0"
   }
 }

src/module.ts

@@ -53,7 +53,7 @@ export default defineNuxtModule<ModuleOptions>({
     name: 'ui',
     configKey: 'ui',
     compatibility: {
-      nuxt: '>=3.13.1'
+      nuxt: '>=3.16.0'
     },
     docs: 'https://ui3.nuxt.dev/getting-started/installation/nuxt'
   },

src/runtime/vue/plugins/head.ts

@@ -1,8 +1,9 @@
-import { createHead, setHeadInjectionHandler } from '@unhead/vue'
+import { createHead } from '@unhead/vue/client'
 import type { Plugin } from 'vue'
 
 export default {
-  install() {
-    setHeadInjectionHandler(() => createHead())
+  install(app) {
+    const head = createHead()
+    app.use(head)
   }
 } satisfies Plugin