chore: improve workflow performance

Author: Justineo

.github/workflows/ci.yml

@@ -28,24 +28,24 @@ jobs:
       - name: Install dependencies
         run: pnpm install
 
-      - name: Install Playwright
-        run: pnpm run test:setup:ci
-
       - name: Lint
         run: pnpm run lint
 
       - name: Typecheck
         run: pnpm run typecheck && pnpm run dev:typecheck
 
-      - name: Test
-        run: pnpm run test:coverage
-
       - name: Build
         run: pnpm run build
 
       - name: Publint
         run: pnpm run publint
 
+      - name: Install Playwright
+        run: pnpm run test:setup
+
+      - name: Test
+        run: pnpm run test:coverage
+
       - name: Upload coverage to Codecov
         if: ${{ github.event_name == 'pull_request' || github.ref == 'refs/heads/main' }}
         uses: codecov/codecov-action@v5

.github/workflows/release.yml

@@ -30,8 +30,14 @@ jobs:
       - name: Install dependencies
         run: pnpm install
 
+      - name: Build
+        run: pnpm run build
+
       - name: Install Playwright
-        run: pnpm run test:setup:ci
+        run: pnpm run test:setup
+
+      - name: Test
+        run: pnpm run test
 
       - name: Extract release notes
         run: pnpm releaselog --format=notes ${{ github.ref_name }} > RELEASE_NOTES.md
@@ -44,12 +50,6 @@ jobs:
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
-      - name: Test
-        run: pnpm run test
-
-      - name: Build
-        run: pnpm run build
-
       - name: Get dist tag
         id: tag
         run: echo "tag=$(pnpm exec jiti scripts/dist-tag.ts '${{ github.ref_name }}')" >> $GITHUB_OUTPUT

demo/CodeGen.vue

@@ -538,17 +538,9 @@ onBeforeUnmount(() => {
 }
 
 html.dark .message {
-  background-color: color-mix(
-    in srgb,
-    var(--surface) 72%,
-    var(--border) 28%
-  );
+  background-color: color-mix(in srgb, var(--surface) 72%, var(--border) 28%);
   color: var(--heading);
-  border: 1px solid color-mix(
-    in srgb,
-    var(--border) 45%,
-    transparent 55%
-  );
+  border: 1px solid color-mix(in srgb, var(--border) 45%, transparent 55%);
 }
 
 .message.open {

package.json

@@ -12,14 +12,14 @@
     "dev": "vite",
     "build": "tsdown",
     "typecheck": "tsc -p tsconfig.json && tsc -p tsconfig.vitest.json",
-    "lint": "eslint . --fix",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
     "format": "prettier . --write",
     "publint": "publint",
     "dev:build": "vite build",
     "dev:preview": "vite preview",
     "dev:typecheck": "vue-tsc -p ./demo",
     "test:setup": "playwright install chromium",
-    "test:setup:ci": "playwright install --with-deps chromium",
     "docs": "jiti ./scripts/docs.ts",
     "release": "bumpp --execute \"pnpm run docs\" --all",
     "test": "vitest run",