use biome to format

Author: Lhcfl

biome.json

@@ -0,0 +1,28 @@
+{
+	"$schema": "https://biomejs.dev/schemas/1.8.3/schema.json",
+	"formatter": {
+		"enabled": true,
+		"formatWithErrors": false,
+		"indentStyle": "space",
+		"indentWidth": 2,
+		"lineEnding": "lf",
+		"lineWidth": 120,
+		"attributePosition": "auto",
+		"ignore": ["**/*.min.js", "**/*.min.css", "source/js_complied"]
+	},
+	"organizeImports": { "enabled": true },
+	"linter": { "enabled": true, "rules": { "recommended": true } },
+	"javascript": {
+		"formatter": {
+			"jsxQuoteStyle": "double",
+			"quoteProperties": "asNeeded",
+			"trailingCommas": "all",
+			"semicolons": "always",
+			"arrowParentheses": "always",
+			"bracketSpacing": true,
+			"bracketSameLine": false,
+			"quoteStyle": "single",
+			"attributePosition": "auto"
+		}
+	}
+}

package.json

@@ -4,9 +4,10 @@
     "private": true,
     "scripts": {
         "format:stylus": "stylus-supremacy format ./source/css/**/*.styl -r --options .supermacy.yml",
-        "format:pretty": "prettier --write ./{includes,languages,layout,scripts,source,src}/**/*.{pug,js,css,ts,tsx,jsx}",
+        "format:pretty": "prettier --write ./layout/**/*.pug",
+        "format:biome": "biome format --write includes languages scripts source src",
         "lint": "eslint . --fix",
-        "format": "pnpm format:stylus && pnpm format:pretty",
+        "format": "pnpm format:stylus && pnpm format:biome && pnpm format:pretty",
         "build": "rollup -c ./rollup.config.mjs"
     },
     "dependencies": {
@@ -17,6 +18,7 @@
         "typescript": "^5.5.4"
     },
     "devDependencies": {
+        "@biomejs/biome": "1.8.3",
         "@prettier/plugin-pug": "^3.0.0",
         "@swc/core": "^1.7.23",
         "eslint": "^9.4.0",

pnpm-lock.yaml

@@ -204,10 +204,16 @@ export class AnatoloSearch extends Component {
     Fuse.config.ignoreLocation = true;
     Fuse.config.includeMatches = true;
 
-    this.fuses.posts = new Fuse(data.posts, { keys: ['title', 'text', 'link'] });
-    this.fuses.pages = new Fuse(data.pages, { keys: ['title', 'text', 'link'] });
+    this.fuses.posts = new Fuse(data.posts, {
+      keys: ['title', 'text', 'link'],
+    });
+    this.fuses.pages = new Fuse(data.pages, {
+      keys: ['title', 'text', 'link'],
+    });
     this.fuses.tags = new Fuse(data.tags, { keys: ['name', 'slug', 'link'] });
-    this.fuses.categories = new Fuse(data.categories, { keys: ['name', 'slug', 'link'] });
+    this.fuses.categories = new Fuse(data.categories, {
+      keys: ['name', 'slug', 'link'],
+    });
 
     this.fuse_ok.value = true;
   }

src/components/search.tsx

@@ -1,4 +1,7 @@
-export async function loadScript(config: { url?: string | null; script?: string | null }) {
+export async function loadScript(config: {
+  url?: string | null;
+  script?: string | null;
+}) {
   if (config.url) {
     config.script = await fetch(config.url).then((r) => r.text());
   }