chore: clean up code formatting and update .gitignore

Author: luckfunc

.gitignore

@@ -22,3 +22,6 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+# Create Biome
+.biomeignore

biome.json

@@ -0,0 +1,75 @@
+{
+  "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true
+  },
+  "files": {
+    "ignoreUnknown": false
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "lineWidth": 100,
+    "indentWidth": 2
+  },
+  "javascript": {
+    "jsxRuntime": "reactClassic",
+    "formatter": {
+      "quoteStyle": "single"
+    }
+  },
+  "assist": {
+    "actions": {
+      "source": {
+        "organizeImports": "off"
+      }
+    }
+  },
+  "linter": {
+    "rules": {
+      "style": {
+        "useNodejsImportProtocol": "off",
+        "noNonNullAssertion": "off"
+      },
+      "complexity": {
+        "useDateNow": "off",
+        "noImportantStyles": "off",
+        "useOptionalChain": "off"
+      },
+      "correctness": {
+        "useUniqueElementIds": "off",
+        "useExhaustiveDependencies": "off"
+      },
+      "suspicious": {
+        "noTsIgnore": "off",
+        "noExplicitAny": "off",
+        "noArrayIndexKey": "off",
+        "noConfusingVoidType": "off",
+        "noNonNullAssertedOptionalChain": "off",
+        "noThenProperty": "off",
+        "noTemplateCurlyInString": "off",
+        "useIterableCallbackReturn": "off"
+      },
+      "performance": {
+        "noAccumulatingSpread": "off",
+        "noDynamicNamespaceImportAccess": "off"
+      },
+      "a11y": {
+        "noLabelWithoutControl": "off",
+        "useFocusableInteractive": "off",
+        "useKeyWithClickEvents": "off",
+        "useSemanticElements": "off",
+        "noStaticElementInteractions": "off",
+        "useAriaPropsSupportedByRole": "off",
+        "useAriaPropsForRole": "off"
+      }
+    }
+  },
+  "css": {
+    "formatter": {
+      "quoteStyle": "single"
+    }
+  }
+}

eslint.config.mjs

@@ -18,11 +18,11 @@
   "type": "module",
   "scripts": {
     "build": "tsc && vite build",
-    "ci:eslint": "eslint -f json src -o ./.ci/eslint.json",
     "dev": "vite",
-    "lint": "eslint .",
-    "lint:fix": "eslint --fix .",
-    "preview": "vite preview"
+    "lint": "biome check .",
+    "lint:fix": "biome format --write . && biome check --write .",
+    "preview": "vite preview",
+    "lint:ci": "biome check ."
   },
   "dependencies": {
     "html2canvas": "^1.4.1",
@@ -35,12 +35,10 @@
     "redux": "^4.2.1"
   },
   "devDependencies": {
+    "@biomejs/biome": "^2.3.8",
     "@types/react": "^18.2.15",
     "@types/react-dom": "^18.2.7",
     "@vitejs/plugin-react": "^4.0.3",
-    "eslint": "^9.31.0",
-    "eslint-config-ali": "^16.3.0",
-    "eslint-plugin-react-refresh": "^0.4.3",
     "less": "^4.2.0",
     "typescript": "^5.0.2",
     "vite": "^4.4.5"

package.json

@@ -12,4 +12,3 @@ export default function App() {
     </main>
   );
 }
-

pnpm-lock.yaml

@@ -32,7 +32,7 @@ export default function ActionBar(props: IProps) {
         dispatch({ type: actionType });
         break;
       default:
-            // 默认处理
+      // 默认处理
     }
   };
 

src/App.tsx

@@ -1,5 +1,5 @@
 import { SETTINGS } from '@constants';
-import { AvatarOption } from '@types';
+import type { AvatarOption } from '@types';
 
 interface IProps {
   avatarOption: AvatarOption;
@@ -26,15 +26,8 @@ export default function ColorListItem(props: IProps) {
   return (
     <ul className="color-list">
       {SETTINGS.backgroundColor.map((bgColor: string) => (
-        <li
-          key={bgColor}
-          className="color-list__item"
-          onClick={() => onSwitchBgColor(bgColor)}
-        >
-          <div
-            style={{ background: bgColor }}
-            className={`bg-color ${getBgColorClass(bgColor)}`}
-          />
+        <li key={bgColor} className="color-list__item" onClick={() => onSwitchBgColor(bgColor)}>
+          <div style={{ background: bgColor }} className={`bg-color ${getBgColorClass(bgColor)}`} />
         </li>
       ))}
     </ul>

src/components/action-bar/index.tsx

@@ -1,5 +1,5 @@
 import PerfectScrollbar from '../perfect-scrollbar';
-import { AvatarOption } from '@types';
+import type { AvatarOption } from '@types';
 import './style.less';
 
 interface IProps {
@@ -8,7 +8,5 @@ interface IProps {
 }
 export default function Configurator(props: IProps) {
   const { avatarOption, setAvatarOption } = props;
-  return (
-    <PerfectScrollbar avatarOption={avatarOption} setAvatarOption={setAvatarOption} />
-  );
+  return <PerfectScrollbar avatarOption={avatarOption} setAvatarOption={setAvatarOption} />;
 }