From 5c104c8337fcdbd3d7c2663ffbc06c4a8d2793a2 Mon Sep 17 00:00:00 2001
From: duo <duowenbo@gmail.com>
Date: Thu, 9 Apr 2026 11:18:08 +0800
Subject: [PATCH] fix(ui): Add viteplus as a package manager

---
 app/components/Package/ManagerSelect.vue | 3 ++-
 app/components/Terminal/Execute.vue      | 3 ++-
 app/components/Terminal/Install.vue      | 3 ++-
 app/utils/install-command.ts             | 9 +++++++++
 4 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/app/components/Package/ManagerSelect.vue b/app/components/Package/ManagerSelect.vue
index a6b33c619e..b1f90449d6 100644
--- a/app/components/Package/ManagerSelect.vue
+++ b/app/components/Package/ManagerSelect.vue
@@ -191,7 +191,8 @@ function handleKeydown(event: KeyboardEvent) {
 :root[data-pm='yarn'] [data-pm-select='yarn'],
 :root[data-pm='bun'] [data-pm-select='bun'],
 :root[data-pm='deno'] [data-pm-select='deno'],
-:root[data-pm='vlt'] [data-pm-select='vlt'] {
+:root[data-pm='vlt'] [data-pm-select='vlt'],
+:root[data-pm='vp'] [data-pm-select='vp'] {
   display: inline-block;
 }
 
diff --git a/app/components/Terminal/Execute.vue b/app/components/Terminal/Execute.vue
index 0484ef6466..3984ea9cfa 100644
--- a/app/components/Terminal/Execute.vue
+++ b/app/components/Terminal/Execute.vue
@@ -94,7 +94,8 @@ const copyExecuteCommand = () => copyExecute(getFullExecuteCommand())
 :root[data-pm='yarn'] [data-pm-cmd='yarn'],
 :root[data-pm='bun'] [data-pm-cmd='bun'],
 :root[data-pm='deno'] [data-pm-cmd='deno'],
-:root[data-pm='vlt'] [data-pm-cmd='vlt'] {
+:root[data-pm='vlt'] [data-pm-cmd='vlt'],
+:root[data-pm='vp'] [data-pm-cmd='vp'] {
   display: flex;
 }
 
diff --git a/app/components/Terminal/Install.vue b/app/components/Terminal/Install.vue
index 7acb35eb80..0a91f8f7d3 100644
--- a/app/components/Terminal/Install.vue
+++ b/app/components/Terminal/Install.vue
@@ -412,7 +412,8 @@ useCommandPaletteContextCommands(
 :root[data-pm='yarn'] [data-pm-cmd='yarn'],
 :root[data-pm='bun'] [data-pm-cmd='bun'],
 :root[data-pm='deno'] [data-pm-cmd='deno'],
-:root[data-pm='vlt'] [data-pm-cmd='vlt'] {
+:root[data-pm='vlt'] [data-pm-cmd='vlt'],
+:root[data-pm='vp'] [data-pm-cmd='vp'] {
   display: flex;
 }
 
diff --git a/app/utils/install-command.ts b/app/utils/install-command.ts
index 3b656a74ce..eab3c8f726 100644
--- a/app/utils/install-command.ts
+++ b/app/utils/install-command.ts
@@ -59,6 +59,15 @@ export const packageManagers = [
     create: 'vlx',
     icon: 'i-custom-vlt',
   },
+  {
+    id: 'vp',
+    label: 'vp',
+    action: 'add',
+    executeLocal: 'vp exec',
+    executeRemote: 'vp dlx',
+    create: 'vp create',
+    icon: 'i-simple-icons:vite',
+  },
 ] as const
 
 export type PackageManagerId = (typeof packageManagers)[number]['id']