feat!: Vite 5, Nuxt 3.9.0 and Vuetify Vite Plugin 2.0.1

date-io-playground/nuxt.config.ts

@@ -44,11 +44,15 @@ export default defineNuxtConfig({
       ],
     },
   },
-  experimental: {
+  future: {
+    typescriptBundlerResolution: true,
+  },
+  features: {
     inlineSSRStyles: false,
+  },
+  experimental: {
     payloadExtraction: false,
     typedPages: false,
-    typescriptBundlerResolution: true,
     watcher: 'parcel',
   },
   devtools: {

date-io-playground/package.json

@@ -31,10 +31,10 @@
     "moment": "^2.29.4",
     "moment-hijri": "^2.1.2",
     "moment-jalaali": "0.9.2",
-    "nuxt": "^3.8.2",
+    "nuxt": "^3.9.0",
     "sass": "^1.63.6",
-    "typescript": "^5.3.2",
-    "vue-tsc": "^1.8.22",
+    "typescript": "^5.3.3",
+    "vue-tsc": "^1.8.27",
     "vuetify-nuxt-module": "workspace:*"
   }
 }

docs/guide/index.md

@@ -120,7 +120,7 @@ export interface MOptions {
    * @see https://github.com/vuetifyjs/vuetify-loader/tree/master/packages/vite-plugin
    * @see https://github.com/userquin/vuetify-nuxt-module/issues/78 and https://github.com/userquin/vuetify-nuxt-module/issues/74
    */
-  styles?: true | 'none' | 'expose' | 'sass' | {
+  styles?: true | 'none' | 'sass' | {
     configFile: string
   }
   /**

docs/guide/server-side-rendering.md

@@ -18,7 +18,7 @@ The [HTTP Client hints](https://developer.mozilla.org/en-US/docs/Web/HTTP/Client
 
 ## Vuetify SASS Variables
 
-If you are customising Vuetify SASS Variables via [configFile](https://github.com/vuetifyjs/vuetify-loader/tree/master/packages/vite-plugin#customising-variables) module option with SSR enabled, you have to disable `experimental.inlineSSRStyles` in your Nuxt config file, otherwise you will get an error when building your application:
+If you are customising Vuetify SASS Variables via [configFile](https://github.com/vuetifyjs/vuetify-loader/tree/master/packages/vite-plugin#customising-variables) module option with SSR enabled, you have to disable `features.inlineStyles` (`experimental.inlineSSRStyles` for Nuxt version prior to `3.9.0`) in your Nuxt config file, otherwise you will get an error when building your application:
 ```ts
 // Nuxt config file
 export default defineNuxtConfig({
@@ -33,9 +33,15 @@ export default defineNuxtConfig({
       /* vuetify options */
     }
   },
+  /* For Nuxt 3.9.0+ */
+  features: {
+    inlineStyles: false
+  },
+  /* For Nuxt prior to 3.9.0
   experimental: {
     inlineSSRStyles: false
   }
+  */
 })
 ```
 

package.json

@@ -2,7 +2,7 @@
   "name": "vuetify-nuxt-module",
   "type": "module",
   "version": "0.7.3",
-  "packageManager": "pnpm@8.11.0",
+  "packageManager": "pnpm@8.12.1",
   "description": "Zero-Config Nuxt Module for Vuetify",
   "author": "userquin <userquin@gmail.com>",
   "license": "MIT",
@@ -65,16 +65,16 @@
     "release": "bumpp && npm publish"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.8.2",
+    "@nuxt/kit": "^3.9.0",
     "defu": "^6.1.3",
     "destr": "^2.0.2",
     "local-pkg": "^0.5.0",
     "pathe": "^1.1.1",
     "perfect-debounce": "^1.0.0",
-    "ufo": "^1.3.1",
+    "ufo": "^1.3.2",
     "unconfig": "^0.3.11",
-    "vite-plugin-vuetify": "^1.0.2",
-    "vuetify": "^3.4.6"
+    "vite-plugin-vuetify": "^2.0.1",
+    "vuetify": "^3.4.8"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^0.43.1",
@@ -86,25 +86,25 @@
     "@iconify-json/carbon": "^1.1.21",
     "@iconify-json/mdi": "^1.1.55",
     "@mdi/js": "^7.3.67",
-    "@nuxt/devtools": "^0.8.5",
+    "@nuxt/devtools": "^1.0.6",
     "@nuxt/module-builder": "^0.5.4",
-    "@nuxt/schema": "^3.8.2",
-    "@nuxt/test-utils": "^3.8.1",
-    "@nuxtjs/i18n": "npm:@nuxtjs/i18n-edge",
+    "@nuxt/schema": "^3.9.0",
+    "@nuxt/test-utils": "^3.9.0",
+    "@nuxtjs/i18n": "^8.0.0",
     "@parcel/watcher": "^2.3.0",
     "@types/node": "^18",
-    "@unocss/nuxt": "^0.57.7",
+    "@unocss/nuxt": "^0.58.0",
     "bumpp": "^9.2.0",
     "eslint": "^8.54.0",
     "luxon": "^3.4.3",
     "nuxt": "^3.8.2",
     "publint": "^0.2.5",
     "rimraf": "^5.0.5",
     "sass": "^1.63.6",
-    "typescript": "^5.3.2",
-    "vite": "^4.5.0",
-    "vitest": "^0.34.6",
-    "vue-tsc": "^1.8.22"
+    "typescript": "^5.3.3",
+    "vite": "^5.0.10",
+    "vitest": "^1.1.0",
+    "vue-tsc": "^1.8.27"
   },
   "build": {
     "externals": [

playground/nuxt.config.ts

@@ -83,11 +83,15 @@ export default defineNuxtConfig({
   },
   // css: ['vuetify/styles'],
   // css: ['~/assets/main.scss'],
+  future: {
+    typescriptBundlerResolution: false,
+  },
+  features: {
+    inlineStyles: false,
+  },
   experimental: {
-    inlineSSRStyles: false,
     payloadExtraction: false,
     typedPages: false,
-    typescriptBundlerResolution: false,
     watcher: 'parcel',
   },
   devtools: {

playground/package.json

@@ -15,15 +15,15 @@
     "@iconify-json/mdi": "^1.1.55",
     "@mdi/js": "^7.3.67",
     "luxon": "^3.4.3",
-    "vuetify": "^3.4.6"
+    "vuetify": "^3.4.8"
   },
   "devDependencies": {
-    "@nuxtjs/i18n": "npm:@nuxtjs/i18n-edge",
-    "@unocss/nuxt": "^0.57.7",
-    "nuxt": "^3.8.2",
+    "@nuxtjs/i18n": "^8.0.0",
+    "@unocss/nuxt": "^0.58.0",
+    "nuxt": "^3.9.0",
     "sass": "^1.63.6",
-    "typescript": "^5.3.2",
-    "vue-tsc": "^1.8.22",
+    "typescript": "^5.3.3",
+    "vue-tsc": "^1.8.27",
     "vuetify-nuxt-module": "workspace:*"
   }
 }