chore: update unplugin-vue-components, unplugin-icons, vite-plugin-dts majors

unplugin-vue-components 30 -> 32, unplugin-icons 22 -> 23,
vite-plugin-dts 4 -> 5. Both the app build and the types bundle
(vite.types.config.mts, which exercises unplugin-dts) pass.

.stylelintrc.json

@@ -6,15 +6,19 @@
       "customSyntax": "postcss-html"
     }
   ],
+  "languageOptions": {
+    "syntax": {
+      "types": {
+        "radial-gradient()": "| <any-value>"
+      }
+    }
+  },
   "rules": {
     "import-notation": "string",
     "font-family-no-missing-generic-family-keyword": true,
     "declaration-property-value-no-unknown": [
       true,
       {
-        "typesSyntax": {
-          "radial-gradient()": "| <any-value>"
-        },
         "ignoreProperties": {
           "speak": ["none"],
           "app-region": ["drag", "no-drag"],

pnpm-workspace.yaml

@@ -27,7 +27,7 @@ catalog:
   '@intlify/eslint-plugin-vue-i18n': ^4.5.1
   '@lobehub/i18n-cli': ^1.26.1
   '@lucide/vue': ^1.17.0
-  '@pinia/testing': ^1.0.3
+  '@pinia/testing': ^2.0.1
   '@playwright/test': ^1.61.1
   '@primeuix/forms': 0.0.2
   '@primeuix/styled': 0.3.2
@@ -59,7 +59,7 @@ catalog:
   '@total-typescript/shoehorn': ^0.1.2
   '@types/fs-extra': ^11.0.4
   '@types/jsdom': ^21.1.7
-  '@types/node': ^24.1.0
+  '@types/node': ^25.9.5
   '@types/semver': ^7.7.0
   '@types/three': ^0.184.1
   '@vee-validate/zod': ^4.15.1
@@ -93,12 +93,12 @@ catalog:
   fast-check: ^4.5.3
   firebase: ^11.6.0
   glob: ^13.0.6
-  globals: ^16.5.0
+  globals: ^17.7.0
   gsap: ^3.14.2
   happy-dom: 20.9.0
   husky: ^9.1.7
   jiti: 2.7.0
-  jsdom: ^27.4.0
+  jsdom: ^29.1.1
   jsonata: ^2.1.0
   knip: ^6.27.0
   lenis: ^1.3.21
@@ -111,7 +111,7 @@ catalog:
   oxlint: ^1.74.0
   oxlint-tsgolint: ^0.24.0
   picocolors: ^1.1.1
-  pinia: ^3.0.4
+  pinia: ^4.0.2
   postcss-html: ^1.8.0
   posthog-js: ^1.358.1
   pretty-bytes: ^7.1.0
@@ -120,30 +120,30 @@ catalog:
   reka-ui: 2.5.0
   rollup-plugin-visualizer: ^6.0.4
   storybook: ^10.5.0
-  stylelint: ^16.26.1
+  stylelint: ^17.14.0
   tailwindcss: ^4.3.2
   tailwindcss-primeui: ^0.6.1
   three: ^0.184.0
   tsx: ^4.15.6
   tw-animate-css: ^1.3.8
   typegpu: ^0.8.2
-  typescript: ^5.9.3
+  typescript: ^6.0.3
   typescript-eslint: ^8.64.0
-  unplugin-icons: ^22.5.0
+  unplugin-icons: ^23.0.1
   unplugin-typegpu: 0.8.0
-  unplugin-vue-components: ^30.0.0
+  unplugin-vue-components: ^32.1.0
   uuid: ^11.1.1
   vee-validate: ^4.15.1
   vite: ^8.1.4
-  vite-plugin-dts: ^4.5.4
+  vite-plugin-dts: ^5.0.3
   vite-plugin-html: ^3.2.2
   vite-plugin-vue-devtools: ^8.1.5
   vitest: ^4.1.10
   vue: ^3.5.39
   vue-component-type-helpers: ^3.3.7
   vue-eslint-parser: ^10.4.1
-  vue-i18n: ^9.14.5
-  vue-router: ^4.4.3
+  vue-i18n: ^11.4.6
+  vue-router: ^5.2.0
   vue-tsc: ^3.3.7
   vuefire: ^3.2.1
   wwobjloader2: ^6.2.1

src/components/dialog/content/setting/KeybindingPanel.vue

@@ -429,7 +429,7 @@ const commandsData = computed<ICommandData[]>(() => {
     id: command.id,
     label: t(
       `commands.${normalizeI18nKey(command.id)}.label`,
-      command.label ?? ''
+      command.label ?? command.id
     ),
     keybindings: keybindingStore.getKeybindingsByCommandId(command.id),
     source: command.source,

src/components/ui/chart/useChart.ts

@@ -12,7 +12,7 @@ import {
   PointElement,
   Tooltip
 } from 'chart.js'
-import { onBeforeUnmount, onMounted, ref, watch } from 'vue'
+import { onBeforeUnmount, onMounted, ref, shallowRef, watch } from 'vue'
 
 import type { Ref } from 'vue'
 
@@ -129,7 +129,7 @@ export function useChart(
   data: Ref<ChartData>,
   options?: Ref<ChartOptions | undefined>
 ) {
-  const chartInstance = ref<Chart | null>(null)
+  const chartInstance = shallowRef<Chart | null>(null)
 
   function createChart() {
     if (!canvasRef.value) return

src/composables/maskeditor/useGPUResources.ts

@@ -207,7 +207,8 @@ export function useGPUResources() {
   async function initTypeGPU(): Promise<void> {
     if (store.tgpuRoot) {
       /* c8 ignore start */
-      device = store.tgpuRoot.device
+      // typegpu vendors its own WebGPU types; align with @webgpu/types
+      device = store.tgpuRoot.device as GPUDevice
       return
       /* c8 ignore stop */
     }
@@ -215,7 +216,7 @@ export function useGPUResources() {
       /* c8 ignore start — requires functional WebGPU hardware */
       const root = await tgpu.init()
       store.tgpuRoot = root
-      device = root.device
+      device = root.device as GPUDevice
       console.warn('✅ TypeGPU initialized! Root:', root)
       console.warn('Device info:', root.device.limits)
       /* c8 ignore stop */

src/composables/useCoreCommands.test.ts

@@ -260,7 +260,7 @@ describe('useCoreCommands', () => {
   function createMockSettingStore(
     getReturnValue: boolean
   ): ReturnType<typeof useSettingStore> {
-    return {
+    return fromPartial<ReturnType<typeof useSettingStore>>({
       get: vi.fn().mockReturnValue(getReturnValue),
       addSetting: vi.fn(),
       load: vi.fn(),
@@ -287,7 +287,7 @@ describe('useCoreCommands', () => {
       $onAction: vi.fn(),
       $dispose: vi.fn(),
       _customProperties: new Set()
-    } satisfies ReturnType<typeof useSettingStore>
+    })
   }
 
   beforeEach(() => {

src/i18n.test.ts

@@ -7,6 +7,7 @@ let loadLocale: typeof I18nModule.loadLocale
 let mergeCustomNodesI18n: typeof I18nModule.mergeCustomNodesI18n
 let resolveSupportedLocale: typeof I18nModule.resolveSupportedLocale
 let setActiveLocale: typeof I18nModule.setActiveLocale
+let te: typeof I18nModule.te
 
 async function importI18nModule() {
   const i18nModule = await import('./i18n')
@@ -15,10 +16,13 @@ async function importI18nModule() {
   mergeCustomNodesI18n = i18nModule.mergeCustomNodesI18n
   resolveSupportedLocale = i18nModule.resolveSupportedLocale
   setActiveLocale = i18nModule.setActiveLocale
+  te = i18nModule.te
 }
 
 // Mock the JSON imports before importing i18n module
-vi.mock('./locales/en/main.json', () => ({ default: { welcome: 'Welcome' } }))
+vi.mock('./locales/en/main.json', () => ({
+  default: { welcome: 'Welcome', enOnly: 'English only' }
+}))
 vi.mock('./locales/en/nodeDefs.json', () => ({
   default: { testNode: 'Test Node' }
 }))
@@ -228,6 +232,16 @@ describe('i18n', () => {
     })
   })
 
+  describe('te', () => {
+    it('checks only the active locale, never the fallback locale', async () => {
+      expect(te('enOnly')).toBe(true)
+
+      await setActiveLocale('zh')
+      expect(te('welcome')).toBe(true)
+      expect(te('enOnly')).toBe(false)
+    })
+  })
+
   describe('resolveSupportedLocale', () => {
     it('returns the canonical tag when the input is shipped', () => {
       expect(resolveSupportedLocale('en')).toBe('en')

src/i18n.ts

@@ -155,7 +155,10 @@ export const i18n = createI18n({
 
 /** Convenience shorthand: i18n.global */
 export const t: (typeof i18n.global)['t'] = i18n.global.t
-export const te: (typeof i18n.global)['te'] = i18n.global.te
+// vue-i18n 11's te() consults the fallback locale; default to the active
+// locale to preserve the v9 behavior our fallback paths rely on.
+export const te: (typeof i18n.global)['te'] = (key, locale) =>
+  i18n.global.te(key, locale ?? i18n.global.locale.value)
 export const d: (typeof i18n.global)['d'] = i18n.global.d
 const tm = i18n.global.tm
 

src/platform/updates/components/WhatsNewPopup.vue

@@ -231,6 +231,7 @@ defineExpose({
 
 /* What's new title - targets h2 or strong text after h1 */
 .content-text :deep(h2),
+/* stylelint-disable-next-line selector-max-type -- generated markdown offers no class hooks */
 .content-text :deep(h1 + p strong) {
   color: var(--text-primary);
   font-family: Inter, sans-serif;