feat: support nuxt4

.vscode/settings.json

@@ -9,6 +9,7 @@
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": "explicit"
   },
+  "typescript.referencesCodeLens.enabled": true,
   "typescript.tsdk": "node_modules/typescript/lib",
   "eslint.useFlatConfig": true
 }

docs/nuxt.config.ts

@@ -2,6 +2,7 @@ export default defineNuxtConfig({
   extends: ['@nuxt/ui-pro'],
   modules: ['@nuxt/content', '@nuxt/ui', '@nuxtjs/fontaine', '@nuxtjs/google-fonts', 'nuxt-og-image'],
   routeRules: { '/api/search.json': { prerender: true } },
+
   vite: {
     $client: {
       build: {
@@ -14,12 +15,16 @@ export default defineNuxtConfig({
       }
     }
   },
+
   // SEO
   site: { url: 'https://i18n.nuxtjs.org' },
 
   // Nuxt UI & UI Pro
   ui: { icons: ['heroicons', 'simple-icons'] },
-  uiPro: { license: 'oss' }, // special license for nuxt & nuxt-modules orgs
+
+  // special license for nuxt & nuxt-modules orgs
+  uiPro: { license: 'oss' },
+
   hooks: {
     // Define `@nuxt/ui` components as global to use them in `.md` (feel free to add those you need)
     'components:extend': components => {
@@ -34,12 +39,14 @@ export default defineNuxtConfig({
 
   // Fonts
   fontMetrics: { fonts: ['DM Sans'] },
+
   googleFonts: {
     display: 'swap',
     download: true,
     families: { 'DM+Sans': [400, 500, 600, 700] }
   },
 
   devtools: { enabled: true },
-  typescript: { strict: false }
+  typescript: { strict: false },
+  compatibilityDate: '2024-07-02'
 })

docs/package.json

@@ -14,12 +14,12 @@
   "devDependencies": {
     "@iconify-json/heroicons": "^1.1.19",
     "@iconify-json/simple-icons": "^1.1.89",
-    "@nuxt/content": "^2.12.0",
-    "@nuxt/ui-pro": "^1.0.1",
-    "@nuxtjs/fontaine": "^0.4.1",
+    "@nuxt/content": "^2.13.0",
+    "@nuxt/ui-pro": "^1.3.1",
+    "@nuxtjs/fontaine": "^0.4.3",
     "@nuxtjs/google-fonts": "^3.1.3",
-    "nuxt": "^3.9.3",
-    "nuxt-og-image": "^2.2.4",
+    "nuxt": "npm:nuxt-nightly@latest",
+    "nuxt-og-image": "^2.2.6",
     "vue-tsc": "^2.0.1"
   }
 }

package.json

@@ -72,8 +72,7 @@
   "pnpm": {
     "overrides": {
       "@nuxtjs/i18n": "link:.",
-      "jiti": "1.21.0",
-      "consola": "^3"
+      "nuxt": "npm:nuxt-nightly@latest"
     }
   },
   "dependencies": {
@@ -82,7 +81,7 @@
     "@intlify/unplugin-vue-i18n": "^5.0.0-beta.3",
     "@intlify/utils": "^0.12.0",
     "@miyaneee/rollup-plugin-json5": "^1.2.0",
-    "@nuxt/kit": "^3.12.3",
+    "@nuxt/kit": "npm:@nuxt/kit-nightly@latest",
     "@rollup/plugin-yaml": "^4.1.2",
     "@vue/compiler-sfc": "^3.4.31",
     "debug": "^4.3.5",
@@ -106,7 +105,7 @@
     "@babel/types": "^7.24.7",
     "@eslint/js": "9.5.0",
     "@nuxt/module-builder": "^0.6.0",
-    "@nuxt/schema": "^3.12.3",
+    "@nuxt/schema": "npm:@nuxt/schema-nightly@latest",
     "@types/debug": "^4.1.9",
     "@types/eslint": "^8.56.6",
     "@unhead/vue": "^1.8.8",
@@ -126,7 +125,7 @@
     "lint-staged": "^15.2.7",
     "nitropack": "^2.9.7",
     "npm-run-all2": "^6.2.0",
-    "nuxt": "^3.12.3",
+    "nuxt": "npm:nuxt-nightly@latest",
     "ofetch": "^1.3.4",
     "playwright": "^1.38.1",
     "prettier": "^3.3.2",

playground/nuxt.config.ts

@@ -6,19 +6,27 @@ import ModuleExperimental from './module-experimental'
 export default defineNuxtConfig({
   // devLogs broken, should be resolved by https://github.com/nuxt/nuxt/commit/b3ced3d694c89344c8e77b804a2dc76434d27668
   // remove after updating to Nuxt >3.11.0
+  future: {
+    compatibilityVersion: 4
+  },
+
   features: {
     devLogs: false
   },
+
   experimental: {
     typedPages: true
   },
+
   vite: {
     // Prevent reload by optimizing dependency before discovery
     optimizeDeps: {
       include: ['@unhead/vue']
     }
   },
+
   extends: ['layers/i18n-layer'],
+
   modules: [
     (_, nuxt) => {
       console.log(nuxt.options._installedModules)
@@ -101,6 +109,7 @@ export default defineNuxtConfig({
     '@nuxtjs/i18n',
     '@nuxt/devtools'
   ],
+
   vite: {
     build: {
       minify: false
@@ -194,5 +203,7 @@ export default defineNuxtConfig({
     //   // redirectOn: 'root'
     // },
     vueI18n: './vue-i18n.options.ts'
-  }
+  },
+
+  compatibilityDate: '2024-07-02'
 })

pnpm-workspace.yaml

@@ -2,3 +2,4 @@ packages:
   - 'docs'
   - 'playground'
   - 'specs/fixtures/*'
+  - 'specs/fixtures/issues/*'

specs/browser_language_detection/no_prefix.spec.ts

@@ -9,7 +9,7 @@ await setup({
   // overrides
   nuxtConfig: {
     i18n: {
-      debug: true,
+      // debug: true,
       strategy: 'no_prefix',
       detectBrowserLanguage: {
         useCookie: true,

specs/fixtures/basic/nuxt.config.ts

@@ -2,6 +2,12 @@ import CustomModule from './module'
 
 // https://nuxt.com/docs/guide/directory-structure/nuxt.config
 export default defineNuxtConfig({
+  // This reverts the new srcDir default from `app` back to your root directory
+  srcDir: '.',
+  // This specifies the directory prefix for `app/router.options.ts` and `app/spa-loading-template.html`
+  dir: {
+    app: 'app'
+  },
   modules: [CustomModule, '@nuxtjs/i18n'],
 
   i18n: {

specs/fixtures/basic_usage/nuxt.config.ts

@@ -1,5 +1,11 @@
 // https://nuxt.com/docs/guide/directory-structure/nuxt.config
 export default defineNuxtConfig({
+  // This reverts the new srcDir default from `app` back to your root directory
+  srcDir: '.',
+  // This specifies the directory prefix for `app/router.options.ts` and `app/spa-loading-template.html`
+  dir: {
+    app: 'app'
+  },
   devtools: { enabled: true },
   modules: ['./layer-module', './installer-module', '@nuxtjs/i18n'],
   runtimeConfig: {

specs/fixtures/different_domains/nuxt.config.ts

@@ -2,6 +2,12 @@ import CustomModule from './module'
 
 // https://nuxt.com/docs/guide/directory-structure/nuxt.config
 export default defineNuxtConfig({
+  // This reverts the new srcDir default from `app` back to your root directory
+  srcDir: '.',
+  // This specifies the directory prefix for `app/router.options.ts` and `app/spa-loading-template.html`
+  dir: {
+    app: 'app'
+  },
   modules: [CustomModule, '@nuxtjs/i18n'],
 
   i18n: {

specs/fixtures/inline_options/nuxt.config.ts

@@ -2,12 +2,18 @@ import i18nModule from '../external_module/i18n-module'
 
 // https://nuxt.com/docs/guide/directory-structure/nuxt.config
 export default defineNuxtConfig({
+  // This reverts the new srcDir default from `app` back to your root directory
+  srcDir: '.',
+  // This specifies the directory prefix for `app/router.options.ts` and `app/spa-loading-template.html`
+  dir: {
+    app: 'app'
+  },
   modules: [
     i18nModule,
     [
       '@nuxtjs/i18n',
       {
-        debug: false,
+        // debug: false,
         lazy: false,
         langDir: 'lang',
         defaultLocale: 'en',

specs/fixtures/issues/1888/nuxt.config.ts

@@ -1,5 +1,11 @@
 // https://v3.nuxtjs.org/api/configuration/nuxt.config
 export default defineNuxtConfig({
+  // This reverts the new srcDir default from `app` back to your root directory
+  srcDir: '.',
+  // This specifies the directory prefix for `app/router.options.ts` and `app/spa-loading-template.html`
+  dir: {
+    app: 'app'
+  },
   modules: ['@nuxtjs/i18n'],
   i18n: {
     locales: [

specs/fixtures/issues/2151/nuxt.config.ts

@@ -1,4 +1,10 @@
 export default defineNuxtConfig({
+  // This reverts the new srcDir default from `app` back to your root directory
+  srcDir: '.',
+  // This specifies the directory prefix for `app/router.options.ts` and `app/spa-loading-template.html`
+  dir: {
+    app: 'app'
+  },
   ssr: true,
   components: true,
   imports: {

specs/fixtures/issues/2220/nuxt.config.ts

@@ -1,6 +1,12 @@
 import locales from './locales'
 
 export default defineNuxtConfig({
+  // This reverts the new srcDir default from `app` back to your root directory
+  srcDir: '.',
+  // This specifies the directory prefix for `app/router.options.ts` and `app/spa-loading-template.html`
+  dir: {
+    app: 'app'
+  },
   modules: ['@nuxtjs/i18n'],
   i18n: {
     lazy: true,

specs/fixtures/issues/2226/nuxt.config.ts

@@ -1,4 +1,10 @@
 export default defineNuxtConfig({
+  // This reverts the new srcDir default from `app` back to your root directory
+  srcDir: '.',
+  // This specifies the directory prefix for `app/router.options.ts` and `app/spa-loading-template.html`
+  dir: {
+    app: 'app'
+  },
   modules: ['@nuxtjs/i18n'],
   i18n: {
     locales: ['en', 'de'],

specs/fixtures/issues/2247/nuxt.config.ts

@@ -1,5 +1,11 @@
 // https://v3.nuxtjs.org/api/configuration/nuxt.config
 export default defineNuxtConfig({
+  // This reverts the new srcDir default from `app` back to your root directory
+  srcDir: '.',
+  // This specifies the directory prefix for `app/router.options.ts` and `app/spa-loading-template.html`
+  dir: {
+    app: 'app'
+  },
   modules: ['@nuxtjs/i18n'],
   i18n: {
     baseUrl: 'https://abwaab.com',

specs/fixtures/issues/2288/nuxt.config.ts

@@ -1,5 +1,11 @@
 // https://v3.nuxtjs.org/api/configuration/nuxt.config
 export default defineNuxtConfig({
+  // This reverts the new srcDir default from `app` back to your root directory
+  srcDir: '.',
+  // This specifies the directory prefix for `app/router.options.ts` and `app/spa-loading-template.html`
+  dir: {
+    app: 'app'
+  },
   modules: ['@nuxtjs/i18n'],
   i18n: {
     baseUrl: 'https://abwaab.com',

specs/fixtures/issues/2315/nuxt.config.ts

@@ -1,5 +1,11 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
+  // This reverts the new srcDir default from `app` back to your root directory
+  srcDir: '.',
+  // This specifies the directory prefix for `app/router.options.ts` and `app/spa-loading-template.html`
+  dir: {
+    app: 'app'
+  },
   modules: ['@nuxtjs/i18n'],
   i18n: {
     bundle: {

specs/fixtures/issues/2590/nuxt.config.ts

@@ -1,5 +1,11 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
+  // This reverts the new srcDir default from `app` back to your root directory
+  srcDir: '.',
+  // This specifies the directory prefix for `app/router.options.ts` and `app/spa-loading-template.html`
+  dir: {
+    app: 'app'
+  },
   devtools: { enabled: false },
   modules: ['./modules/i18n-module']
 })

specs/fixtures/layers/layer-domain/nuxt.config.ts

@@ -1,5 +1,11 @@
 // https://nuxt.com/docs/guide/directory-structure/nuxt.config
 export default defineNuxtConfig({
+  // This reverts the new srcDir default from `app` back to your root directory
+  srcDir: '.',
+  // This specifies the directory prefix for `app/router.options.ts` and `app/spa-loading-template.html`
+  dir: {
+    app: 'app'
+  },
   i18n: {
     // lazy: false,
     // differentDomains: true,

specs/fixtures/layers/layer-lazy/nuxt.config.ts

@@ -1,5 +1,11 @@
 // https://nuxt.com/docs/guide/directory-structure/nuxt.config
 export default defineNuxtConfig({
+  // This reverts the new srcDir default from `app` back to your root directory
+  srcDir: '.',
+  // This specifies the directory prefix for `app/router.options.ts` and `app/spa-loading-template.html`
+  dir: {
+    app: 'app'
+  },
   i18n: {
     langDir: 'locales',
     locales: [

specs/fixtures/layers/layer-locale-arabic/nuxt.config.ts

@@ -1,5 +1,11 @@
 // https://nuxt.com/docs/guide/directory-structure/nuxt.config
 export default defineNuxtConfig({
+  // This reverts the new srcDir default from `app` back to your root directory
+  srcDir: '.',
+  // This specifies the directory prefix for `app/router.options.ts` and `app/spa-loading-template.html`
+  dir: {
+    app: 'app'
+  },
   i18n: {
     langDir: 'locales',
     locales: [

specs/fixtures/layers/layer-pages/nuxt.config.ts

@@ -1,2 +1,9 @@
 // https://nuxt.com/docs/guide/directory-structure/nuxt.config
-export default defineNuxtConfig({})
+export default defineNuxtConfig({
+  // This reverts the new srcDir default from `app` back to your root directory
+  srcDir: '.',
+  // This specifies the directory prefix for `app/router.options.ts` and `app/spa-loading-template.html`
+  dir: {
+    app: 'app'
+  }
+})

specs/fixtures/layers/layer-server/nuxt.config.ts

@@ -1,5 +1,11 @@
 // https://nuxt.com/docs/guide/directory-structure/nuxt.config
 export default defineNuxtConfig({
+  // This reverts the new srcDir default from `app` back to your root directory
+  srcDir: '.',
+  // This specifies the directory prefix for `app/router.options.ts` and `app/spa-loading-template.html`
+  dir: {
+    app: 'app'
+  },
   i18n: {
     experimental: {
       localeDetector: './localeDetector.ts'

specs/fixtures/layers/layer-simple/nuxt.config.ts

@@ -1,5 +1,11 @@
 // https://nuxt.com/docs/guide/directory-structure/nuxt.config
 export default defineNuxtConfig({
+  // This reverts the new srcDir default from `app` back to your root directory
+  srcDir: '.',
+  // This specifies the directory prefix for `app/router.options.ts` and `app/spa-loading-template.html`
+  dir: {
+    app: 'app'
+  },
   i18n: {
     locales: ['fr', 'nl']
   }

specs/fixtures/layers/layer-vueI18n-options/layer-simple-secondary/nuxt.config.ts

@@ -1,5 +1,11 @@
 // https://nuxt.com/docs/guide/directory-structure/nuxt.config
 export default defineNuxtConfig({
+  // This reverts the new srcDir default from `app` back to your root directory
+  srcDir: '.',
+  // This specifies the directory prefix for `app/router.options.ts` and `app/spa-loading-template.html`
+  dir: {
+    app: 'app'
+  },
   modules: ['@nuxtjs/i18n'],
   i18n: {
     locales: ['fr', 'nl', 'en'],