build: replace eslint with biome (#325)

.gitpod.yml

@@ -1,4 +1,4 @@
 tasks:
   - init: pnpm install && pnpm run build
 vscode:
-  extensions: ["esbenp.prettier-vscode", "dbaeumer.vscode-eslint"]
+  extensions: ["esbenp.prettier-vscode", "biomejs.biome"]

apps/docs/public/site.webmanifest

@@ -1,11 +1,11 @@
 {
-  "name": "",
-  "short_name": "",
-  "icons": [
-    { "src": "/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png" },
-    { "src": "/android-chrome-512x512.png", "sizes": "512x512", "type": "image/png" }
-  ],
-  "theme_color": "#ffffff",
-  "background_color": "#ffffff",
-  "display": "standalone"
+	"name": "",
+	"short_name": "",
+	"icons": [
+		{ "src": "/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png" },
+		{ "src": "/android-chrome-512x512.png", "sizes": "512x512", "type": "image/png" }
+	],
+	"theme_color": "#ffffff",
+	"background_color": "#ffffff",
+	"display": "standalone"
 }

apps/docs/src/components/header.tsx

@@ -3,11 +3,11 @@ import { Link, useMatch } from "@solidjs/router";
 import { clsx } from "clsx";
 import { onMount } from "solid-js";
 
-import { NavSection } from "../model/navigation";
 import {
 	LATEST_CORE_CHANGELOG_URL,
 	LATEST_CORE_VERSION_NAME,
 } from "../VERSIONS";
+import { NavSection } from "../model/navigation";
 import { GitHubIcon } from "./icons";
 import { MobileNavigation } from "./mobile-navigation";
 import { ThemeSelector } from "./theme-selector";

apps/docs/src/components/mobile-navigation.tsx

@@ -1,13 +1,13 @@
-import { createDisclosureState, Dialog, Separator } from "@kobalte/core";
+import { Dialog, Separator, createDisclosureState } from "@kobalte/core";
 import { Link, useIsRouting, useMatch } from "@solidjs/router";
 import { clsx } from "clsx";
 import { ComponentProps, createComputed, splitProps } from "solid-js";
 
-import { NavSection } from "../model/navigation";
 import {
 	LATEST_CORE_CHANGELOG_URL,
 	LATEST_CORE_VERSION_NAME,
 } from "../VERSIONS";
+import { NavSection } from "../model/navigation";
 import { CrossIcon, HamburgerMenuIcon } from "./icons";
 import { Navigation } from "./navigation";
 

apps/docs/src/components/navigation.tsx

@@ -1,6 +1,6 @@
 import { Link, useLocation } from "@solidjs/router";
 import { clsx } from "clsx";
-import { ComponentProps, For, Match, splitProps, Switch } from "solid-js";
+import { ComponentProps, For, Match, Switch, splitProps } from "solid-js";
 
 import { NavSection } from "../model/navigation";
 

apps/docs/src/components/preview.tsx

@@ -7,9 +7,9 @@ interface PreviewProps extends ComponentProps<"div"> {
 }
 
 export function Preview(props: PreviewProps) {
-	props = mergeProps({ isCentered: true }, props);
+	const mergedProps = mergeProps({ isCentered: true }, props);
 
-	const [local, others] = splitProps(props, [
+	const [local, others] = splitProps(mergedProps, [
 		"class",
 		"isCentered",
 		"isRounded",

apps/docs/src/components/table-of-contents.tsx

@@ -2,11 +2,11 @@ import { Link, useLocation } from "@solidjs/router";
 import { clsx } from "clsx";
 import {
 	Accessor,
+	For,
+	Suspense,
 	createEffect,
 	createSignal,
-	For,
 	onCleanup,
-	Suspense,
 } from "solid-js";
 import { createServerData$ } from "solid-start/server";
 

apps/docs/src/entry-client.tsx

@@ -1,3 +1,3 @@
-import { mount, StartClient } from "solid-start/entry-client";
+import { StartClient, mount } from "solid-start/entry-client";
 
 mount(() => <StartClient />, document);

apps/docs/src/entry-server.tsx

@@ -1,7 +1,7 @@
 import {
+	StartServer,
 	createHandler,
 	renderAsync,
-	StartServer,
 } from "solid-start/entry-server";
 
 export default createHandler(

apps/docs/src/examples/accordion.module.css

@@ -1,94 +1,94 @@
 .accordion {
-  border-radius: 6px;
-  width: 300px;
-  border: 1px solid hsl(240 5% 84%);
-  color: hsl(240 4% 16%);
+	border-radius: 6px;
+	width: 300px;
+	border: 1px solid hsl(240 5% 84%);
+	color: hsl(240 4% 16%);
 }
 
 .accordion__item:first-child {
-  margin-top: 0;
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
+	margin-top: 0;
+	border-top-left-radius: 4px;
+	border-top-right-radius: 4px;
 }
 
 .accordion__item:last-child {
-  border-bottom-left-radius: 4px;
-  border-bottom-right-radius: 4px;
+	border-bottom-left-radius: 4px;
+	border-bottom-right-radius: 4px;
 }
 
 .accordion__item-header {
-  display: flex;
+	display: flex;
 }
 
 .accordion__item-trigger {
-  display: inline-flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  padding: 14px;
-  border-bottom: 1px solid hsl(240 5% 84%);
-  font-weight: 600;
-  text-align: left;
-  outline: none;
+	display: inline-flex;
+	align-items: center;
+	justify-content: space-between;
+	width: 100%;
+	padding: 14px;
+	border-bottom: 1px solid hsl(240 5% 84%);
+	font-weight: 600;
+	text-align: left;
+	outline: none;
 }
 
 .accordion__item:last-child .accordion__item-trigger {
-  border-bottom: none;
+	border-bottom: none;
 }
 
 .accordion__item-trigger:focus-visible {
-  z-index: 1;
-  outline: 2px solid hsl(200 98% 39%);
-  outline-offset: 2px;
+	z-index: 1;
+	outline: 2px solid hsl(200 98% 39%);
+	outline-offset: 2px;
 }
 
 .accordion__item-trigger-icon {
-  width: 24px;
-  height: 24px;
-  transition: transform 300ms cubic-bezier(0.87, 0, 0.13, 1);
+	width: 24px;
+	height: 24px;
+	transition: transform 300ms cubic-bezier(0.87, 0, 0.13, 1);
 }
 
 .accordion__item-trigger[data-expanded] > .accordion__item-trigger-icon {
-  transform: rotate(180deg);
+	transform: rotate(180deg);
 }
 
 .accordion__item-content {
-  overflow: hidden;
-  font-size: 16px;
-  animation: slideUp 300ms cubic-bezier(0.87, 0, 0.13, 1);
+	overflow: hidden;
+	font-size: 16px;
+	animation: slideUp 300ms cubic-bezier(0.87, 0, 0.13, 1);
 }
 
 .accordion__item-content[data-expanded] {
-  animation: slideDown 300ms cubic-bezier(0.87, 0, 0.13, 1);
+	animation: slideDown 300ms cubic-bezier(0.87, 0, 0.13, 1);
 }
 
 .accordion__item-content-text {
-  padding: 16px;
+	padding: 16px;
 }
 
 @keyframes slideDown {
-  from {
-    height: 0;
-  }
-  to {
-    height: var(--kb-accordion-content-height);
-  }
+	from {
+		height: 0;
+	}
+	to {
+		height: var(--kb-accordion-content-height);
+	}
 }
 
 @keyframes slideUp {
-  from {
-    height: var(--kb-accordion-content-height);
-  }
-  to {
-    height: 0;
-  }
+	from {
+		height: var(--kb-accordion-content-height);
+	}
+	to {
+		height: 0;
+	}
 }
 
 [data-kb-theme="dark"] .accordion {
-  border-color: hsl(240 5% 65%);
-  color: hsl(0 0% 100% / 0.9);
+	border-color: hsl(240 5% 65%);
+	color: hsl(0 0% 100% / 0.9);
 }
 
 [data-kb-theme="dark"] .accordion__item-trigger {
-  border-bottom-color: hsl(240 5% 65%);
+	border-bottom-color: hsl(240 5% 65%);
 }