chore(deps): update dependency vite-plus, vitest, and playwright

.github/workflows/ci.yml

@@ -144,7 +144,7 @@ jobs:
     name: 🖥️ Browser tests
     runs-on: ubuntu-24.04-arm
     container:
-      image: mcr.microsoft.com/playwright:v1.60.0-noble@sha256:9bd26ad900bb5e0f4dee75839e957a89ae89c2b7ab1e76050e559790e946b948
+      image: mcr.microsoft.com/playwright:v1.61.1-noble@sha256:5b8f294aff9041b7191c34a4bab3ac270157a28774d4b0660e9743297b697e48
 
     steps:
       - uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0

CONTRIBUTING.md

@@ -798,7 +798,7 @@ docker run --rm \
   -e NODE_OPTIONS="--max-old-space-size=4096" \
   -v $(pwd):/work \
   -w /work \
-  mcr.microsoft.com/playwright:v1.58.2-noble \
+  mcr.microsoft.com/playwright:v1.61.1-noble \
   sh -c "npm install -g pnpm && pnpm install && pnpm vp run build:test && pnpm vp run test:browser:prebuilt --update-snapshots"
 ```
 
@@ -1067,7 +1067,9 @@ It's recommended to add a tooltip with event information to each noodle. If the
 <template>
   <TooltipApp interactive position="top">
     <template #content>
-      <p class="text-sm font-medium text-fg mb-1"><strong>World Tetris Day</strong></p>
+      <p class="text-sm font-medium text-fg mb-1">
+        <strong>World Tetris Day</strong>
+      </p>
     </template>
     <img
       width="400"

app/components/Input/Base.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+// oxlint-disable-next-line vue/no-dupe-keys todo
 import { noCorrect, noPasswordManager } from '~/utils/input'
 
 const model = defineModel<string>({ default: '' })

app/components/Tooltip/Base.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
 import type { Placement, Strategy } from '@floating-ui/vue'
+// oxlint-disable-next-line vue/no-dupe-keys todo
 import { autoUpdate, flip, offset, shift, useFloating } from '@floating-ui/vue'
 
 const props = withDefaults(

package.json

@@ -110,7 +110,7 @@
     "validate-npm-package-name": "8.0.0",
     "virtua": "0.49.0",
     "vite-plugin-pwa": "1.3.0",
-    "vite-plus": "0.1.20",
+    "vite-plus": "0.2.1",
     "vue": "3.5.39",
     "vue-data-ui": "3.22.0",
     "vue-router": "5.0.4"
@@ -119,7 +119,7 @@
     "@e18e/eslint-plugin": "0.5.1",
     "@intlify/core-base": "11.3.0",
     "@npm/types": "2.1.0",
-    "@playwright/test": "1.60.0",
+    "@playwright/test": "1.61.1",
     "@storybook-vue/nuxt": "catalog:storybook",
     "@storybook/addon-a11y": "catalog:storybook",
     "@storybook/addon-docs": "catalog:storybook",
@@ -128,7 +128,8 @@
     "@types/sanitize-html": "2.16.1",
     "@types/semver": "7.7.1",
     "@types/validate-npm-package-name": "4.0.2",
-    "@vitest/coverage-v8": "4.1.6",
+    "@vitest/browser-playwright": "4.1.9",
+    "@vitest/coverage-v8": "4.1.9",
     "@vue/test-utils": "2.4.6",
     "axe-core": "4.11.2",
     "changelogen": "0.6.2",
@@ -147,12 +148,12 @@
     "storybook-i18n": "catalog:storybook",
     "typescript": "6.0.2",
     "unplugin-vue-markdown": "32.0.0",
-    "vitest": "npm:@voidzero-dev/vite-plus-test@0.1.20",
+    "vitest": "4.1.9",
     "vue-i18n-extract": "2.0.7",
     "vue-tsc": "3.2.6"
   },
   "engines": {
-    "node": "24"
+    "node": ">=24.11.0"
   },
   "packageManager": "pnpm@11.1.1",
   "storybook": {

pnpm-workspace.yaml

@@ -38,8 +38,7 @@ overrides:
   '@types/node': 24.12.0
   nuxt-og-image: ^6.6.0
   sharp: 0.34.5
-  vite: npm:@voidzero-dev/vite-plus-core@0.1.20
-  vitest: npm:@voidzero-dev/vite-plus-test@0.1.20
+  vite: npm:@voidzero-dev/vite-plus-core@0.2.1
   vue-router: 5.0.4
 
 packageExtensions:

scripts/compare-translations.ts

@@ -1,7 +1,8 @@
 /* eslint-disable no-console */
 import type { LocaleObject } from '@nuxtjs/i18n'
 import * as process from 'node:process'
-import { existsSync, readdirSync, readFileSync, writeFileSync } from 'node:fs'
+import { existsSync } from 'node:fs'
+import { readdir, readFile, writeFile } from 'node:fs/promises'
 import { basename, join, resolve } from 'node:path'
 import { deepCopy } from '@intlify/shared'
 import { countryLocaleVariants, currentLocales } from '../config/i18n.ts'
@@ -117,7 +118,7 @@ const loadJson = async ({ filePath, mergeLocale, locale }: LocaleInfo): Promise<
   }
 
   if (!mergeLocale) {
-    return JSON.parse(readFileSync(filePath, 'utf-8')) as NestedObject
+    return JSON.parse(await readFile(filePath, 'utf-8')) as NestedObject
   }
 
   const localeObject = availableLocales.get(locale)
@@ -136,18 +137,18 @@ const loadJson = async ({ filePath, mergeLocale, locale }: LocaleInfo): Promise<
       (localeObject.file ? getFileName(localeObject.file) : undefined) ??
       (files[0] ? getFileName(files[0]) : undefined)
     if (!fileName) return {}
-    return JSON.parse(readFileSync(join(localesFolder, fileName), 'utf-8')) as NestedObject
+    return JSON.parse(await readFile(join(localesFolder, fileName), 'utf-8')) as NestedObject
   }
 
   const firstFile = files[0]
   if (!firstFile) return {}
   const source = JSON.parse(
-    readFileSync(join(localesFolder, getFileName(firstFile)), 'utf-8'),
+    await readFile(join(localesFolder, getFileName(firstFile)), 'utf-8'),
   ) as NestedObject
   for (let i = 1; i < files.length; i++) {
     const file = files[i]
     if (!file) continue
-    const overlay = JSON.parse(readFileSync(join(localesFolder, getFileName(file)), 'utf-8'))
+    const overlay = JSON.parse(await readFile(join(localesFolder, getFileName(file)), 'utf-8'))
     deepCopy(overlay, source)
   }
   return source
@@ -265,7 +266,7 @@ const processLocale = async (
   // Write if there are removals (always) or we are in fix mode
   if (!localeInfo.mergeLocale && (stats.extra.length > 0 || fix)) {
     const output = targetSchema ? { $schema: targetSchema, ...newContent } : newContent
-    writeFileSync(filePath, JSON.stringify(output, null, 2) + '\n', 'utf-8')
+    await writeFile(filePath, JSON.stringify(output, null, 2) + '\n', 'utf-8')
   }
 
   return stats
@@ -318,7 +319,7 @@ const runSingleLocale = async (
 }
 
 const runAllLocales = async (referenceContent: NestedObject, fix = false): Promise<void> => {
-  const localeFiles = readdirSync(LOCALES_DIRECTORY).filter(
+  const localeFiles = (await readdir(LOCALES_DIRECTORY)).filter(
     file => file.endsWith('.json') && file !== REFERENCE_FILE_NAME,
   )