perf: replace eslint with biome

BREAKING CHANGE: we decided to replace eslint and prettier with biome. No new feature, just syntax changes

Author: malessani

.eslintignore

@@ -4,8 +4,7 @@
 
   // List of extensions which should be recommended for users of this workspace.
   "recommendations": [
-    "esbenp.prettier-vscode",
-    "dbaeumer.vscode-eslint",
+    "biomejs.biome",
     "bradlc.vscode-tailwindcss",
     "stylelint.vscode-stylelint",
     "ms-playwright.playwright"

.eslintrc.json

@@ -1,17 +1,10 @@
 {
   "typescript.tsdk": "node_modules/typescript/lib",
+  "biome.enabled": true,
+  "editor.defaultFormatter": "biomejs.biome",
   "editor.formatOnSave": true,
-  // "typescript.referencesCodeLens.enabled": false,
-  "eslint.validate": [
-    "javascript",
-    "javascriptreact",
-    "typescript",
-    "typescriptreact"
-  ],
-  "css.validate": false,
-  "less.validate": false,
-  "scss.validate": false,
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": "explicit"
+    "quickfix.biome": "explicit",
+    "source.organizeImports.biome": "explicit"
   }
-}
+}

.prettierignore

@@ -1,6 +1,6 @@
 declare namespace Organization {
   type DefaultConfig =
-    import("@commercelayer/organization-config").DefaultConfig
+    import('@commercelayer/organization-config').DefaultConfig
 }
 
 type NullableType<T> = T | null | undefined
@@ -41,18 +41,18 @@ interface InvalidCheckoutSettings {
 
 type CheckoutPageContextProps = Pick<
   CheckoutSettings,
-  | "accessToken"
-  | "orderId"
-  | "logoUrl"
-  | "isGuest"
-  | "companyName"
-  | "endpoint"
-  | "language"
-  | "primaryColor"
-  | "favicon"
-  | "gtmId"
-  | "supportEmail"
-  | "supportPhone"
-  | "termsUrl"
-  | "privacyUrl"
+  | 'accessToken'
+  | 'orderId'
+  | 'logoUrl'
+  | 'isGuest'
+  | 'companyName'
+  | 'endpoint'
+  | 'language'
+  | 'primaryColor'
+  | 'favicon'
+  | 'gtmId'
+  | 'supportEmail'
+  | 'supportPhone'
+  | 'termsUrl'
+  | 'privacyUrl'
 >

.prettierrc

@@ -0,0 +1,47 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+  "vcs": {
+    "enabled": false,
+    "clientKind": "git",
+    "useIgnoreFile": false
+  },
+  "files": {
+    "ignoreUnknown": false,
+    "ignore": []
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "formatWithErrors": true
+  },
+  "organizeImports": {
+    "enabled": true
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "suspicious": {
+        "noArrayIndexKey": "off",
+        "noExplicitAny": "off"
+      },
+      "a11y": {
+        "useAnchorContent": "off",
+        "useKeyWithClickEvents": "off"
+      },
+      "recommended": true,
+      "complexity": {
+        "noUselessFragments": "off",
+        "noForEach": "off"
+      },
+      "correctness": {
+        "useExhaustiveDependencies": "off"
+      }
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "semicolons": "asNeeded"
+    }
+  }
+}

.vscode/extensions.json

@@ -16,14 +16,14 @@ import {
 } from "components/composite/StepCustomer"
 import { StepNav } from "components/composite/StepNav"
 import {
-  StepPayment,
   StepHeaderPayment,
+  StepPayment,
 } from "components/composite/StepPayment"
 import { PaymentContainer } from "components/composite/StepPayment/PaymentContainer"
 import StepPlaceOrder from "components/composite/StepPlaceOrder"
 import {
-  StepShipping,
   StepHeaderShipping,
+  StepShipping,
 } from "components/composite/StepShipping"
 import { AccordionProvider } from "components/data/AccordionProvider"
 import { AppContext } from "components/data/AppProvider"