refactor: replace lint/fmt with unified vp check

- Replace separate lint, fmt, fmt:check scripts with unified check/check:fix
- Update CI to use single 'vp run check' step instead of separate fmt:check + lint
- Update ready script to use check instead of fmt + lint
- Upgrade vite-plus to 0.0.0-g61d318d2.20260227-0939
- Fix lint errors caught by new rules:
  - Wrap SidebarContext value in useMemo to prevent unnecessary rerenders
  - Use entry.name instead of array index for Cell keys in BundleSizeChart

Author: fengmk2

.github/workflows/ci.yml

@@ -28,12 +28,14 @@ jobs:
 
       - run: npx playwright install chromium
 
-      - run: vp run fmt:check
+      - name: Check
+        run: vp run check
 
-      - run: vp run lint --format github
+      - name: Test
+        run: vp run test
 
-      - run: vp run test
+      - name: Build
+        run: vp run @vibe/dashboard#build
 
-      - run: vp run @vibe/dashboard#build
-
-      - run: vp run ready
+      - name: Ready
+        run: vp run ready

apps/dashboard/src/components/rolldown/BundleSizeChart.tsx

@@ -88,9 +88,9 @@ export function BundleSizeChart() {
             }}
             style={{ fontSize: "11px", fill: "#94a3b8" }}
           />
-          {bundleSizeDiffData.map((entry: any, index: number) => (
+          {bundleSizeDiffData.map((entry: any) => (
             <Cell
-              key={`cell-${index}`}
+              key={`cell-${entry.name}`}
               fill={entry.isBaseline ? "#94a3b8" : entry.value >= 0 ? "#dc2626" : "#16a34a"}
             />
           ))}

apps/dashboard/src/context/SidebarContext.tsx

@@ -1,4 +1,4 @@
-import { createContext, useContext, useState } from "react";
+import { createContext, useContext, useMemo, useState } from "react";
 
 interface SidebarContextType {
   collapsed: boolean;
@@ -9,12 +9,9 @@ const SidebarContext = createContext<SidebarContextType | undefined>(undefined);
 
 export function SidebarProvider({ children }: { children: React.ReactNode }) {
   const [collapsed, setCollapsed] = useState(false);
+  const value = useMemo(() => ({ collapsed, setCollapsed }), [collapsed]);
 
-  return (
-    <SidebarContext.Provider value={{ collapsed, setCollapsed }}>
-      {children}
-    </SidebarContext.Provider>
-  );
+  return <SidebarContext.Provider value={value}>{children}</SidebarContext.Provider>;
 }
 
 export function useSidebar() {

data/rolldown-version-stats.json

@@ -889,4 +889,4 @@
     "totalSize": 720281,
     "buildTime": 917
   }
-]
+]

package.json

@@ -5,13 +5,12 @@
   "description": "A frontend dashboard for displaying different metrics",
   "type": "module",
   "scripts": {
-    "ready": "vite run fmt && vite run lint && vite run test && vite run build",
+    "ready": "vite run check && vite run test && vite run build",
     "dev": "vite run @vibe/dashboard#dev",
     "build": "vite run @vibe/dashboard#build",
-    "lint": "vite lint --deny-warnings --type-aware --type-check",
+    "check": "vp check",
+    "check:fix": "vp check --fix",
     "test": "vite test",
-    "fmt": "vite fmt",
-    "fmt:check": "vite fmt --check",
     "cache:clean": "vite cache clean",
     "generate": "node tools/override-rolldown.mjs --stats"
   },