biome tweaks

biome.json

@@ -1,12 +1,17 @@
 {
-  "$schema": "https://biomejs.dev/schemas/1.8.3/schema.json",
+  "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true
+  },
+  "linter": { "enabled": true, "rules": { "recommended": true } },
+  "organizeImports": { "enabled": true },
   "formatter": {
     "enabled": true,
     "indentStyle": "space",
     "indentWidth": 2
   },
-  "linter": { "enabled": true, "rules": { "recommended": true } },
-  "organizeImports": { "enabled": true },
   "javascript": {
     "formatter": {
       "jsxQuoteStyle": "double",
@@ -19,5 +24,10 @@
       "quoteStyle": "single",
       "attributePosition": "auto"
     }
+  },
+  "css": {
+    "linter": { "enabled": true },
+    "formatter": { "enabled": true, "quoteStyle": "single" },
+    "parser": { "cssModules": true }
   }
 }

package.json

@@ -13,7 +13,7 @@
     "start": "next start",
     "export": "npm run prebuild && next export",
     "typecheck": "tsc",
-    "lint": "biome check --write src/**/*",
+    "lint": "biome check --write .",
     "jest": "jest --coverage -c tests/jest.config.js",
     "test": "NODE_ENV=test npm run jest",
     "new": "node --import tsx/esm ./scripts/new.ts",

public/sw.js

@@ -8,6 +8,8 @@ self.addEventListener('activate', (e) => {
     .unregister()
     .then(() => self.clients.matchAll())
     .then((clients) => {
-      clients.forEach((client) => client.navigate(client.url))
+      for (const client of clients) {
+        client.navigate(client.url)
+      }
     })
 })

scripts/favicon.ts

@@ -1,5 +1,5 @@
-import fs from 'fs'
-import path from 'path'
+import fs from 'node:fs'
+import path from 'node:path'
 import sharp from 'sharp'
 import ico from 'sharp-ico'
 

scripts/new.ts

@@ -1,6 +1,6 @@
 #!/usr/bin/env ts-node
-import fs from 'fs'
-import path from 'path'
+import fs from 'node:fs'
+import path from 'node:path'
 import ora from 'ora'
 import slugify from 'slugify'
 

src/components/404/index.module.css

@@ -10,8 +10,7 @@
   display: block;
   width: auto;
   height: 300px;
-  box-shadow:
-    0 3px 5px rgba(var(--brand-main), 0.15),
-    0 5px 16px rgba(var(--brand-main), 0.15);
+  box-shadow: 0 3px 5px rgba(var(--brand-main), 0.15), 0 5px 16px
+    rgba(var(--brand-main), 0.15);
   margin: calc(var(--spacer) / 4) auto calc(var(--spacer) / 2) auto;
 }

src/components/Projects/index.module.css

@@ -7,8 +7,8 @@
   .projects {
     gap: calc(var(--spacer) * 3);
     grid-template-columns: repeat(
-      auto-fill,
-      minmax(min-content, calc(50% - (var(--spacer) * 1.5)))
-    );
+        auto-fill,
+        minmax(min-content, calc(50% - (var(--spacer) * 1.5)))
+      );
   }
 }