chore: update vite dependencies

Author: KaelWD

package.json

@@ -42,7 +42,7 @@
     "@typescript-eslint/parser": "^8.32.0",
     "@typescript/native-preview": "7.0.0-dev.20250912.1",
     "@unhead/vue": "^2.0.5",
-    "@vitejs/plugin-vue": "^5.2.1",
+    "@vitejs/plugin-vue": "^6.0.1",
     "@vue/compiler-sfc": "^3.5.21",
     "@vue/language-server": "^3.0.7",
     "@vue/runtime-core": "^3.5.21",
@@ -84,9 +84,8 @@
     "stringify-object": "^5.0.0",
     "typescript": "~5.8.3",
     "upath": "^2.0.1",
-    "vite": "^6.3.5",
-    "vite-plugin-inspect": "11.1.0",
-    "vite-plugin-warmup": "^0.1.0",
+    "vite": "^7.1.5",
+    "vite-plugin-inspect": "11.3.3",
     "vue": "^3.5.21",
     "vue-eslint-parser": "^10.2.0",
     "vue-tsc": "^3.0.7",

packages/docs/package.json

@@ -38,7 +38,7 @@
     "swetrix": "^3.6.1",
     "vee-validate": "^4.15.0",
     "vue": "^3.5.21",
-    "vue-i18n": "^11.1.3",
+    "vue-i18n": "^11.1.12",
     "vue-instantsearch": "^4.20.6",
     "vue-router": "^4.5.0",
     "vuetify": "workspace:*"
@@ -47,15 +47,15 @@
     "@babel/generator": "^7.27.0",
     "@babel/types": "^7.27.0",
     "@emailjs/browser": "^4.4.1",
-    "@intlify/unplugin-vue-i18n": "^6.0.5",
+    "@intlify/unplugin-vue-i18n": "^11.0.1",
     "@mdi/js": "7.4.47",
     "@mdi/svg": "7.4.47",
     "@octokit/openapi-types": "^25.0.0",
     "@types/babel__generator": "^7.27.0",
     "@types/markdown-it": "^14.1.2",
     "@types/markdown-it-container": "^2.0.10",
     "@types/prismjs": "^1.26.5",
-    "@vitejs/plugin-basic-ssl": "^2.0.0",
+    "@vitejs/plugin-basic-ssl": "^2.1.0",
     "@vue/compiler-sfc": "^3.5.21",
     "@vuetify/api-generator": "workspace:*",
     "@yankeeinlondon/builder-api": "^1.4.1",
@@ -81,9 +81,9 @@
     "unplugin-vue-components": "^0.28.0",
     "vite-plugin-md": "^0.22.5",
     "vite-plugin-pages": "^0.33.0",
-    "vite-plugin-pwa": "^1.0.0",
+    "vite-plugin-pwa": "^1.0.3",
     "vite-plugin-vue-layouts": "^0.11.0",
-    "vite-plugin-vuetify": "^2.1.1",
+    "vite-plugin-vuetify": "^2.1.2",
     "vue-tsc": "^3.0.7"
   },
   "publishConfig": {

packages/docs/vite.config.mts

@@ -386,6 +386,9 @@ export default defineConfig(({ command, mode, isSsrBuild }) => {
 
     server: {
       port: +(process.env.PORT ?? 8095),
+      warmup: {
+        clientFiles: ['./index.html'],
+      },
     },
   }
 })

packages/vuetify/package.json

@@ -134,7 +134,7 @@
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@fortawesome/vue-fontawesome": "^3.0.8",
-    "@intlify/devtools-types": "^11.1.3",
+    "@intlify/devtools-types": "^11.1.12",
     "@percy/cli": "^1.30.10",
     "@percy/sdk-utils": "^1.30.10",
     "@rollup/plugin-alias": "^5.1.1",
@@ -145,10 +145,10 @@
     "@testing-library/user-event": "^14.6.1",
     "@testing-library/vue": "^8.1.0",
     "@types/resize-observer-browser": "^0.1.11",
-    "@vitejs/plugin-vue-jsx": "^4.2.0",
-    "@vitest/browser": "^3.1.1",
-    "@vitest/coverage-istanbul": "^3.1.1",
-    "@vitest/ui": "^3.1.1",
+    "@vitejs/plugin-vue-jsx": "^5.1.1",
+    "@vitest/browser": "^3.2.4",
+    "@vitest/coverage-istanbul": "^3.2.4",
+    "@vitest/ui": "^3.2.4",
     "@vue/reactivity": "^3.5.13",
     "@vue/shared": "^3.5.13",
     "@vue/test-utils": "^2.4.6",
@@ -182,9 +182,9 @@
     "upath": "^2.0.1",
     "vite-live-preview": "^0.3.2",
     "vite-ssr": "^0.17.2",
-    "vitest": "^3.1.1",
+    "vitest": "^3.2.4",
     "vue": "^3.5.21",
-    "vue-i18n": "^11.1.3",
+    "vue-i18n": "^11.1.12",
     "vue-router": "^4.5.0",
     "webdriverio": "^9.15.0"
   },

packages/vuetify/src/util/__tests__/colorUtils.spec.ts

@@ -230,10 +230,10 @@ describe('APCAcontrast', () => {
   it.each([
     ['#888', '#fff', 66.89346308821438],
     ['#aaa', '#000', -60.438571788907524],
-    ['#def', '#123', -98.44863435731266],
+    ['#def', '#123', -98.44863435731264],
     ['#123', '#234', 1.276075977788573],
   ])('%s on %s', (text, bg, expected) => {
-    expect(APCAcontrast(parseColor(text), parseColor(bg))).toBe(expected)
+    expect(APCAcontrast(parseColor(text), parseColor(bg))).toBeCloseTo(expected, 13)
   })
 })
 

packages/vuetify/tsconfig.dist.json

@@ -4,5 +4,6 @@
   "compilerOptions": {
     "outDir": "./lib",
     "emitDeclarationOnly": true,
+    "skipLibCheck": true,
   },
 }

packages/vuetify/vite.config.ts

@@ -8,7 +8,6 @@ import { defineConfig, loadEnv } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
 import Components from 'unplugin-vue-components/vite'
-import { warmup } from 'vite-plugin-warmup'
 import livePreview from 'vite-live-preview'
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url))
@@ -37,6 +36,9 @@ export default defineConfig(({ mode }) => {
       host: process.env.HOST,
       port: process.env.TEST ? undefined : Number(process.env.PORT ?? 8090),
       strictPort: !!process.env.PORT && !process.env.TEST,
+      warmup: {
+        clientFiles: process.env.TEST ? [] : ['./index.html'],
+      },
     },
     preview: {
       host: process.env.HOST,
@@ -65,9 +67,6 @@ export default defineConfig(({ mode }) => {
           },
         ],
       }),
-      warmup({
-        clientFiles: process.env.TEST ? [] : ['./dev/index.html'],
-      }),
       livePreview(),
     ],
     define: {
@@ -79,12 +78,5 @@ export default defineConfig(({ mode }) => {
       minify: false,
       sourcemap: 'inline',
     },
-    css: {
-      preprocessorOptions: {
-        sass: {
-          api: 'modern-compiler',
-        },
-      },
-    },
   }
 })

packages/vuetify/vitest.config.ts

@@ -2,6 +2,7 @@ import { defineConfig, mergeConfig } from 'vitest/config'
 import viteConfig from './vite.config'
 import AutoImport from 'unplugin-auto-import/vite'
 import { fileURLToPath } from 'node:url'
+import { commands } from './test/setup/browser-commands'
 
 const IS_RUN = process.argv.slice(2).some(v => v === 'run')
 
@@ -56,6 +57,59 @@ export default defineConfig(configEnv => {
           clean: true,
           reportsDirectory: '../coverage',
         },
+        projects: [
+          {
+            extends: true,
+            resolve: {
+              alias: {
+                // Vite logs a warning for this even if we just re-export it without using anything
+                '@vitest/browser/context': fileURLToPath(new URL('test/contextStub.ts', import.meta.url)),
+              },
+            },
+            test: {
+              name: 'unit',
+              include: ['**/*.spec.{ts,tsx}'],
+              setupFiles: ['../test/setup/unit-setup.ts'],
+              environment: 'jsdom',
+            },
+          },
+          {
+            extends: true,
+            test: {
+              name: 'browser',
+              include: ['**/*.spec.browser.{ts,tsx}'],
+              setupFiles: ['../test/setup/browser-setup.ts'],
+              bail: process.env.TEST_BAIL ? 1 : undefined,
+              browser: {
+                enabled: true,
+                provider: 'webdriverio',
+                ui: false,
+                headless: !process.env.TEST_BAIL,
+                screenshotDirectory: '../test/__screenshots__',
+                commands,
+                instances: [{
+                  browser: 'chrome',
+                  capabilities: {
+                    browserVersion: '136',
+                    'goog:chromeOptions': {
+                      args: [
+                        '--start-maximized',
+                        process.env.TEST_BAIL && '--auto-open-devtools-for-tabs',
+                        // I have no idea why this is needed, it throws "WebDriverError: session
+                        // not created: probably user data directory is already in use" without it
+                        process.env.CI && '--no-sandbox',
+                      ].filter(v => !!v) as string[],
+                    },
+                  },
+                }],
+                viewport: {
+                  width: 1280,
+                  height: 800,
+                },
+              },
+            },
+          },
+        ],
       },
     })
   )