From 2a4744097288e3b41a0ef79d07cd9d607cec6dfd Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Fri, 26 Jul 2024 12:43:45 +0100
Subject: [PATCH] biome tweaks

---
 biome.json                               | 16 +++++++++++++---
 package.json                             |  2 +-
 public/sw.js                             |  4 +++-
 scripts/favicon.ts                       |  4 ++--
 scripts/new.ts                           |  4 ++--
 src/components/404/index.module.css      |  5 ++---
 src/components/Projects/index.module.css |  6 +++---
 7 files changed, 26 insertions(+), 15 deletions(-)

diff --git a/biome.json b/biome.json
index 921148b..1110193 100644
--- a/biome.json
+++ b/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 }
   }
 }
diff --git a/package.json b/package.json
index 46761e5..28e60c7 100644
--- a/package.json
+++ b/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",
diff --git a/public/sw.js b/public/sw.js
index 8a1cef4..e72ec06 100644
--- a/public/sw.js
+++ b/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)
+      }
     })
 })
diff --git a/scripts/favicon.ts b/scripts/favicon.ts
index 92f1809..a3f3169 100644
--- a/scripts/favicon.ts
+++ b/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'
 
diff --git a/scripts/new.ts b/scripts/new.ts
index 15ae50e..4973556 100644
--- a/scripts/new.ts
+++ b/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'
 
diff --git a/src/components/404/index.module.css b/src/components/404/index.module.css
index 9f97203..f5df6c6 100644
--- a/src/components/404/index.module.css
+++ b/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;
 }
diff --git a/src/components/Projects/index.module.css b/src/components/Projects/index.module.css
index e4ff5f6..0da9b40 100644
--- a/src/components/Projects/index.module.css
+++ b/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)))
+      );
   }
 }