fix(ui): add viteplus to prehydrate and tests

Author: duowenbo

app/utils/prehydrate.ts

@@ -21,7 +21,7 @@ export function initPreferencesOnPrehydrate() {
     ] satisfies typeof ACCENT_COLOR_IDS)
 
     // Valid package manager IDs
-    const validPMs = new Set(['npm', 'pnpm', 'yarn', 'bun', 'deno', 'vlt'])
+    const validPMs = new Set(['npm', 'pnpm', 'yarn', 'bun', 'deno', 'vlt', 'vp'])
 
     // Read settings from localStorage
     const settings = JSON.parse(

test/unit/app/utils/install-command.spec.ts

@@ -35,6 +35,7 @@ describe('install command generation', () => {
         ['bun', 'lodash'],
         ['deno', 'npm:lodash'],
         ['vlt', 'lodash'],
+        ['vp', 'lodash'],
       ] as const)('%s → %s', (pm, expected) => {
         expect(
           getPackageSpecifier({
@@ -54,6 +55,7 @@ describe('install command generation', () => {
         ['bun', '@trpc/server'],
         ['deno', 'jsr:@trpc/server'], // Native JSR specifier preferred
         ['vlt', '@trpc/server'],
+        ['vp', '@trpc/server'],
       ] as const)('%s → %s', (pm, expected) => {
         expect(
           getPackageSpecifier({
@@ -73,6 +75,7 @@ describe('install command generation', () => {
         ['bun', '@vue/shared'],
         ['deno', 'npm:@vue/shared'], // Falls back to npm: compat
         ['vlt', '@vue/shared'],
+        ['vp', '@vue/shared'],
       ] as const)('%s → %s', (pm, expected) => {
         expect(
           getPackageSpecifier({
@@ -94,6 +97,7 @@ describe('install command generation', () => {
         ['bun', 'bun add lodash'],
         ['deno', 'deno add npm:lodash'],
         ['vlt', 'vlt install lodash'],
+        ['vp', 'vp add lodash'],
       ] as const)('%s → %s', (pm, expected) => {
         expect(
           getInstallCommand({
@@ -113,6 +117,7 @@ describe('install command generation', () => {
         ['bun', 'bun add lodash@4.17.21'],
         ['deno', 'deno add npm:lodash@4.17.21'],
         ['vlt', 'vlt install lodash@4.17.21'],
+        ['vp', 'vp add lodash@4.17.21'],
       ] as const)('%s → %s', (pm, expected) => {
         expect(
           getInstallCommand({
@@ -133,6 +138,7 @@ describe('install command generation', () => {
         ['bun', 'bun add -d eslint'],
         ['deno', 'deno add -D npm:eslint'],
         ['vlt', 'vlt install -D eslint'],
+        ['vp', 'vp add -D eslint'],
       ] as const)('%s → %s', (pm, expected) => {
         expect(
           getInstallCommand({
@@ -153,6 +159,7 @@ describe('install command generation', () => {
         ['bun', 'bun add @trpc/server'],
         ['deno', 'deno add jsr:@trpc/server'], // Native JSR preferred
         ['vlt', 'vlt install @trpc/server'],
+        ['vp', 'vp add @trpc/server'],
       ] as const)('%s → %s', (pm, expected) => {
         expect(
           getInstallCommand({
@@ -172,6 +179,7 @@ describe('install command generation', () => {
         ['bun', 'bun add @trpc/server@10.0.0'],
         ['deno', 'deno add jsr:@trpc/server@10.0.0'], // Native JSR with version
         ['vlt', 'vlt install @trpc/server@10.0.0'],
+        ['vp', 'vp add @trpc/server@10.0.0'],
       ] as const)('%s → %s', (pm, expected) => {
         expect(
           getInstallCommand({
@@ -192,6 +200,7 @@ describe('install command generation', () => {
         ['bun', 'bun add @vue/shared'],
         ['deno', 'deno add npm:@vue/shared'], // Falls back to npm: compat
         ['vlt', 'vlt install @vue/shared'],
+        ['vp', 'vp add @vue/shared'],
       ] as const)('%s → %s', (pm, expected) => {
         expect(
           getInstallCommand({
@@ -345,6 +354,7 @@ describe('install command generation', () => {
         ['bun', ['bunx', 'eslint']],
         ['deno', ['deno', 'run', 'npm:eslint']],
         ['vlt', ['vlx', 'eslint']],
+        ['vp', ['vp', 'exec', 'eslint']],
       ] as const)('%s → %s', (pm, expected) => {
         expect(
           getExecuteCommandParts({
@@ -364,6 +374,7 @@ describe('install command generation', () => {
         ['bun', ['bunx', 'degit']],
         ['deno', ['deno', 'run', 'npm:degit']],
         ['vlt', ['vlx', 'degit']],
+        ['vp', ['vp', 'dlx', 'degit']],
       ] as const)('%s → %s', (pm, expected) => {
         expect(
           getExecuteCommandParts({
@@ -383,6 +394,7 @@ describe('install command generation', () => {
         ['bun', ['bun', 'create', 'vite']],
         ['deno', ['deno', 'create', 'npm:vite']],
         ['vlt', ['vlx', 'vite']],
+        ['vp', ['vp', 'create', 'vite']],
       ] as const)('%s → %s', (pm, expected) => {
         expect(
           getExecuteCommandParts({