refactor: migrate from Biome to Oxfmt for linting and formatting

- Updated CI workflow to use Oxfmt for formatting and linting checks.
- Replaced Biome configurations with Oxfmt in lint-staged and VSCode settings.
- Removed Biome as a dependency and added Oxfmt.
- Updated documentation to reflect changes in linting and formatting tools.
- Adjusted tool descriptions in data files for consistency.

Author: wilsonwangdev

.github/workflows/lint.yml

@@ -12,37 +12,37 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: ['20.19.3', '22.17.0']  # Test with both Node.js v20 LTS and v22 LTS
+        node-version: ["20.19.3", "22.17.0"] # Test with both Node.js v20 LTS and v22 LTS
       fail-fast: false
     steps:
       - name: Checkout code
         uses: actions/checkout@v4
         with:
-          fetch-depth: 0  # Fetch all history for proper lockfile validation
+          fetch-depth: 0 # Fetch all history for proper lockfile validation
 
       - name: Install pnpm
         uses: pnpm/action-setup@v4
         with:
-          version: 8.15.4  # Using the version from packageManager in package.json
+          version: 8.15.4 # Using the version from packageManager in package.json
           run_install: false
 
       - name: Setup Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
-          cache: 'pnpm'
+          cache: "pnpm"
 
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
 
       - name: Check formatting
-        run: pnpm biome format .
+        run: pnpm oxfmt
 
       - name: Run linting
-        run: pnpm biome check .
-        
+        run: pnpm oxfmt check .
+
       - name: Lint Markdown files
         run: pnpm lint:md
-        
+
       - name: Run all linting checks (combined)
-        run: pnpm lint
+        run: pnpm lint

.husky/pre-commit

@@ -1,6 +1,3 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
 # Run lint-staged with available pnpm
 pnpm lint-staged || (
   echo "Error: Failed to run lint-staged. Make sure pnpm is installed."

.lintstagedrc.json

@@ -1,5 +1,6 @@
 {
-  "*.{js,jsx,ts,tsx}": ["biome check --write", "biome format --write"],
-  "*.astro": ["biome check --write", "biome format --write"],
-  "*.md": ["markdownlint-cli2 --fix"]
-}
+  "*.{js,jsx,ts,tsx}": [
+    "oxfmt check",
+    "oxfmt format"
+  ]
+}

.oxfmtrc.json

@@ -0,0 +1,4 @@
+{
+  "$schema": "./node_modules/oxfmt/configuration_schema.json",
+  "singleQuote": true
+}

.vscode/extensions.json

@@ -2,10 +2,9 @@
   "recommendations": [
     "astro-build.astro-vscode",
     "bradlc.vscode-tailwindcss",
-    "biomejs.biome",
-    "streetsidesoftware.code-spell-checker",
     "ms-vscode.vscode-typescript-next",
-    "davidanson.vscode-markdownlint"
+    "davidanson.vscode-markdownlint",
+    "esbenp.prettier-vscode"
   ],
   "unwantedRecommendations": []
 }

.vscode/settings.json

@@ -1,23 +1,5 @@
 {
   "editor.formatOnSave": true,
-  "editor.defaultFormatter": "biomejs.biome",
-  "editor.codeActionsOnSave": {
-    "source.organizeImports.biome": "explicit",
-    "source.fixAll.biome": "explicit"
-  },
-  "[astro]": {
-    "editor.defaultFormatter": "biomejs.biome",
-    "editor.formatOnSave": true
-  },
-  "[typescript]": {
-    "editor.defaultFormatter": "biomejs.biome"
-  },
-  "[javascript]": {
-    "editor.defaultFormatter": "biomejs.biome"
-  },
-  "[json]": {
-    "editor.defaultFormatter": "biomejs.biome"
-  },
   "typescript.tsdk": "node_modules/typescript/lib",
   "typescript.enablePromptUseWorkspaceTsdk": true,
   "eslint.validate": [

README.md

@@ -21,7 +21,7 @@ Frontend Tools Explorer is a curated collection of essential tools, libraries, a
 - Testing Frameworks (Vitest, Jest, Playwright, etc.)
 - Package Managers (npm, pnpm, Yarn, etc.)
 - Runtimes (Node.js, Deno, Bun, etc.)
-- Linters & Formatters (ESLint, Biome, etc.)
+- Linters & Formatters (ESLint, Oxfmt, etc.)
 - And many more!
 
 ### ✨ Features

astro.config.mjs

@@ -14,13 +14,13 @@ export default defineConfig({
       'upload.wikimedia.org',
       'avatars.githubusercontent.com',
       'cdn.jsdelivr.net',
-      'pnpm.io'
-    ]
+      'pnpm.io',
+    ],
   },
 
   prefetch: {
     prefetchAll: true,
-    defaultStrategy: 'viewport'
+    defaultStrategy: 'viewport',
   },
 
   vite: {
@@ -30,18 +30,18 @@ export default defineConfig({
       minify: 'terser',
       terserOptions: {
         compress: {
-          drop_console: true
-        }
-      }
+          drop_console: true,
+        },
+      },
     },
     optimizeDeps: {
-      include: ['tailwindcss']
-    }
+      include: ['tailwindcss'],
+    },
   },
 
   // Configure Vercel adapter with image service enabled
   adapter: vercel({
     imageService: true,
-    devImageService: 'sharp'
-  })
+    devImageService: 'sharp',
+  }),
 });

biome.json

@@ -12,8 +12,8 @@ The CI workflow is defined in `.github/workflows/lint.yml` and performs the foll
 2. **Setup pnpm**: Installs the pnpm package manager (version 8.15.4)
 3. **Setup Node.js**: Configures Node.js environment with both Node.js v20 LTS and v22 LTS using a matrix strategy
 4. **Install Dependencies**: Installs project dependencies using pnpm
-5. **Check Formatting**: Verifies code formatting using Biome with `pnpm biome format .`
-6. **Run JavaScript/TypeScript Linting**: Performs code linting using Biome with `pnpm biome check .`
+5. **Check Formatting**: Verifies code formatting using Oxfmt with `pnpm oxfmt`
+6. **Run JavaScript/TypeScript Linting**: Performs code linting using Oxfmt with `pnpm oxfmt check .`
 7. **Run Markdown Linting**: Checks markdown files with `pnpm lint:md`
 8. **Run Combined Linting**: Executes all linting checks with `pnpm lint`
 
@@ -88,7 +88,7 @@ If you prefer to test manually, follow these steps:
    pnpm install --no-frozen-lockfile
 
    # Check formatting
-   pnpm biome format .
+   pnpm oxfmt
 
    # Run JavaScript/TypeScript linting
    pnpm lint:js