chore: biome check apply

.github/workflows/node.js.yml

@@ -40,7 +40,7 @@
             "npx wait-on tcp:6006 && npm test"
 
       - name: compressed-size-action
         uses: preactjs/[email protected]
         with:
           pattern: "./packages/ui/lib/**/*.{js,css,html,json}"
           exclude: "{**/*.map,**/node_modules/**}"
@@ -53,9 +53,7 @@
       - name: Checkout
         uses: actions/checkout@v4
       - name: Setup Biome
         uses: biomejs/setup-biome@v2
-        with:
-          version: latest
       - name: Run Biome
         run: biome ci .
 
@@ -66,9 +64,9 @@
         with:
           fetch-depth: 0 # 👈 Required to retrieve git history
       - name: Install dependencies
         uses: bahmutov/npm-install@v1
       - name: Publish to Chromatic
         uses: chromaui/action@v11
         with:
           projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
           onlyChanged: true # 👈 Required option to enable TurboSnap

.pre-commit-config.yaml

@@ -1,6 +1,9 @@
 repos:
-  - repo: https://github.com/biomejs/pre-commit
-    rev: "v0.1.0"
+  - repo: local
     hooks:
-      - id: biome-check
-        additional_dependencies: ["@biomejs/[email protected]"]
+      - id: local-biome-check
+        name: biome check
+        entry: npx biome check --apply --files-ignore-unknown=true --no-errors-on-unmatched
+        language: system
+        types: [text]
+        files: "\\.(jsx?|tsx?|c(js|ts)|m(js|ts)|d\\.(ts|cts|mts)|jsonc?)$"

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@app/app",
   "private": true,
   "author": "github.com/9renpoto",
   "scripts": {
     "build": "turbo build",
     "storybook": "npm run storybook -w @app/ui",
@@ -10,7 +10,8 @@
     "test": "npm run test --workspaces"
   },
   "devDependencies": {
     "@9renpoto/tsconfig": "^7.8.0",
+    "@biomejs/biome": "^1.7.3",
     "@types/rosie": "^0.0.45",
     "rosie": "^2.1.0",
     "turbo": "^1.13.3"

packages/ui/src/Header/index.tsx

@@ -19,7 +19,7 @@ export default function Header({ active }: Props) {
       </div>
       <ul class="flex items-center gap-6">
         {menus.map((menu) => (
-          <li>
+          <li key={menu.name}>
             <a
               href={menu.href}
               class={`text-gray-500 hover:text-gray-700 py-1 border-gray-500 ${