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'],