style: biome setup

.zed/settings.json

@@ -0,0 +1,16 @@
+// Folder-specific settings
+//
+// For a full list of overridable settings, and general information on folder-specific settings,
+// see the documentation: https://zed.dev/docs/configuring-zed#settings-files
+{
+  "formatter": {
+    "language_server": {
+      "name": "biome"
+    }
+  },
+  "code_actions_on_format": {
+    "source.fixAll.biome": true,
+    "source.organizeImports.biome": true
+  },
+  "format_on_save": "on"
+}

biome.json

@@ -26,6 +26,6 @@
     "useIgnoreFile": true
   },
   "files": {
-    "ignore": ["packages/web/.react-router/*"]
+    "ignore": [".react-router/*", "build/"]
   }
 }

package.json

@@ -4,5 +4,8 @@
   "workspaces": [
     "packages/*"
   ],
-  "dependencies": {}
+  "dependencies": {},
+  "trustedDependencies": [
+    "@biomejs/biome"
+  ]
 }

packages/web/app/app.css

@@ -0,0 +1,5 @@
+body,
+html {
+  margin: 0;
+  padding: 0;
+}

packages/web/app/root.tsx

@@ -1,10 +1,10 @@
 import {
-  isRouteErrorResponse,
   Links,
   Meta,
   Outlet,
   Scripts,
   ScrollRestoration,
+  isRouteErrorResponse,
 } from "react-router";
 
 import type { Route } from "./+types/root";

packages/web/app/routes/home.tsx

@@ -1,7 +1,7 @@
-import type { Route } from "./+types/home";
 import { Welcome } from "../welcome/welcome";
+import type { Route } from "./+types/home";
 
-export function meta(_m: Route.MetaArgs) {
+export function meta(m: Route.MetaArgs) {
   return [
     { title: "New React Router App" },
     { name: "description", content: "Welcome to React Router!" },

packages/web/vite.config.ts

@@ -1,7 +1,6 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-import checker from "vite-plugin-checker";
 import { reactRouter } from "@react-router/dev/vite";
+import { defineConfig } from "vite";
+import checker from "vite-plugin-checker";
 
 // https://vitejs.dev/config/
 export default defineConfig({