migrate to biome

Author: aster-void

.eslintrc.js

@@ -0,0 +1,33 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineWidth": 80
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true
+    }
+  },
+  "files": {
+    "ignore": [
+      "**/node_modules",
+      "**/dist",
+      "**/target",
+      "**/build",
+      ".docusaurus",
+      ".astro",
+      ".next",
+      ".svelte-kit",
+      ".direnv"
+    ]
+  },
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true
+  }
+}

biome.json

@@ -4,16 +4,14 @@
   "private": true,
   "description": "website2",
   "author": "chelproc",
-  "keywords": [
-    "gatsby"
-  ],
+  "keywords": ["gatsby"],
   "scripts": {
     "develop": "gatsby develop",
     "start": "gatsby develop",
     "build": "gatsby build",
     "serve": "gatsby serve",
     "clean": "gatsby clean",
-    "lint": "eslint .",
+    "check": "biome check .",
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
@@ -41,17 +39,17 @@
     "schema-dts": "^1.1.2"
   },
   "devDependencies": {
+    "@biomejs/biome": "^1.9.4",
     "@types/color": "^3.0.6",
     "@types/node": "^20.11.16",
     "@types/react": "^18.2.52",
     "@types/react-dom": "^18.2.18",
     "autoprefixer": "^10.4.17",
-    "eslint": "^8.56.0",
-    "eslint-config-airbnb-typescript-prettier": "^5.0.0",
     "gatsby-plugin-postcss": "^6.13.1",
     "postcss": "^8.4.33",
     "prettier": "^3.3.3",
     "tailwindcss": "^3.4.1",
     "typescript": "5.1.6"
-  }
+  },
+  "trustedDependencies": ["@biomejs/biome"]
 }

bun.lockb

@@ -1,6 +1,6 @@
-import React, { ReactNode } from "react";
 import clsx from "clsx";
 import { Link } from "gatsby";
+import React, { type ReactNode } from "react";
 import { FiArrowRight } from "react-icons/fi";
 
 export default function ActionButton({

package.json

@@ -1,6 +1,6 @@
 import clsx from "clsx";
-import React, { ReactNode } from "react";
-import { IconType } from "react-icons";
+import React, { type ReactNode } from "react";
+import type { IconType } from "react-icons";
 import ActionButton from "./ActionButton";
 import GlobalFooter from "./GlobalFooter";
 import GlobalHeader from "./GlobalHeader";

src/components/ActionButton.tsx

@@ -1,9 +1,9 @@
-import React from "react";
 import clsx from "clsx";
+import { format } from "date-fns";
 import { Link, graphql } from "gatsby";
 import { GatsbyImage } from "gatsby-plugin-image";
-import { format } from "date-fns";
 import nullthrows from "nullthrows";
+import React from "react";
 import noImage from "../images/no-image.svg";
 
 export default function ArticleList({

src/components/ActivityPageTemplate.tsx

@@ -1,7 +1,7 @@
 import React from "react";
-import type { WithContext, Thing } from "schema-dts";
-import faviconImage from "../images/favicon.png";
+import type { Thing, WithContext } from "schema-dts";
 import config from "../../gatsby-config";
+import faviconImage from "../images/favicon.png";
 
 export default function CommonHead({
   title,

src/components/ArticleList.tsx

@@ -1,6 +1,6 @@
 import clsx from "clsx";
-import React from "react";
 import { Link } from "gatsby";
+import React from "react";
 import ActionButton from "./ActionButton";
 import Logo from "./Logo";
 

src/components/CommonHead.tsx

@@ -1,9 +1,9 @@
-import React from "react";
 import { Popover, Transition } from "@headlessui/react";
+import clsx from "clsx";
+import { Link } from "gatsby";
+import React from "react";
 // import { FiArrowRight, FiMenu } from "react-icons/fi";
 import { FiMenu } from "react-icons/fi";
-import { Link } from "gatsby";
-import clsx from "clsx";
 import Logo from "./Logo";
 
 const links = [