fix formatting issues

Author: anonrig

astro.config.mts

@@ -1,7 +1,7 @@
-import starlight from '@astrojs/starlight'
-import { defineConfig } from 'astro/config'
 import react from '@astrojs/react'
+import starlight from '@astrojs/starlight'
 import tailwindcss from '@tailwindcss/vite'
+import { defineConfig } from 'astro/config'
 
 // https://astro.build/config
 export default defineConfig({
@@ -20,9 +20,7 @@ export default defineConfig({
     starlight({
       // https://starlight.astro.build/reference/configuration
       title: 'Ada URL',
-      social: [
-        { icon: 'github', label: 'GitHub', href: 'https://github.com/ada-url/ada' },
-      ],
+      social: [{ icon: 'github', label: 'GitHub', href: 'https://github.com/ada-url/ada' }],
       sidebar: [
         {
           label: 'Getting Started',
@@ -84,9 +82,7 @@ export default defineConfig({
         dark: './astro/assets/logo-dark.svg',
         replacesTitle: true,
       },
-      customCss: [
-        './astro/custom.css',
-      ],
+      customCss: ['./astro/custom.css'],
       editLink: {
         baseUrl: 'https://github.com/ada-url/website/edit/main',
       },

astro/components/playground/form.tsx

@@ -1,7 +1,7 @@
-import WASM from '@/lib/wasm/wasm.js'
 import { ChevronDown, Loader2 } from 'lucide-react'
 import { useCallback, useEffect, useState } from 'react'
 import { useForm } from 'react-hook-form'
+import WASM from '@/lib/wasm/wasm.js'
 import ParsingResult, { type WASMResponse } from './result'
 import styles from './styles/form.module.css'
 import { useToast } from './ui/use-toast'
@@ -61,7 +61,7 @@ export default function PlaygroundForm() {
       <form onSubmit={handleSubmit(onSubmit)}>
         <label className={styles.Label}>
           <select className={styles.Select} {...register('version')}>
-            {versions.map((value, index) => (
+            {versions.map((value, _index) => (
               <option className={styles.Option} value={value} key={value}>
                 {value}
               </option>

astro/components/playground/ui/toast.tsx

@@ -56,13 +56,13 @@ type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>
 type ToastActionElement = React.ReactElement<typeof ToastAction>
 
 export {
-  type ToastProps,
+  Toast,
+  ToastAction,
   type ToastActionElement,
+  ToastClose,
+  ToastDescription,
+  type ToastProps,
   ToastProvider,
-  ToastViewport,
-  Toast,
   ToastTitle,
-  ToastDescription,
-  ToastClose,
-  ToastAction,
+  ToastViewport,
 }

astro/components/playground/ui/use-toast.ts

@@ -185,4 +185,4 @@ function useToast() {
   }
 }
 
-export { useToast, toast }
+export { toast, useToast }

biome.jsonc

@@ -1,7 +1,12 @@
 {
   "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
-  "organizeImports": {
-    "enabled": true
+  "assist": {
+    "enabled": true,
+    "actions": {
+      "source": {
+        "organizeImports": "on"
+      }
+    }
   },
   "linter": {
     "enabled": true,
@@ -31,15 +36,16 @@
     "lineWidth": 100
   },
   "files": {
-    "ignore": [
-      "node_modules",
-      "public",
-      ".next",
-      ".contentlayer",
-      "lib/wasm",
-      ".vercel",
-      ".astro",
-      "dist"
+    "includes": [
+      "**",
+      "!node_modules",
+      "!public",
+      "!.next",
+      "!.contentlayer",
+      "!lib/wasm",
+      "!.vercel",
+      "!.astro",
+      "!dist"
     ]
   },
   "javascript": {
@@ -51,6 +57,20 @@
       "semicolons": "asNeeded"
     }
   },
+  "overrides": [
+    {
+      "includes": ["**/*.astro"],
+      "linter": {
+        "rules": {
+          "correctness": {
+            "noUnusedImports": "off",
+            "noUnusedVariables": "off",
+            "noUnusedFunctionParameters": "off"
+          }
+        }
+      }
+    }
+  ],
   "css": {
     "formatter": {
       "enabled": true