chore: linting.

Author: Blankeos

biome.jsonc

@@ -10,6 +10,7 @@
   "files": {
     "includes": [
       "**",
+      "!_context/**/*",
       "!**/dist/**/*",
       "!**/*.js",
       "!**/*.cjs",

dev/components/demos/base-demo.tsx

@@ -2,6 +2,7 @@
 import { Tabs } from "@kobalte/core/tabs"
 import { useClipboard } from "bagon-hooks"
 import { clsx } from "clsx"
+import { MDXContent } from "dev/components/mdx-content"
 import {
   type ComponentProps,
   children,
@@ -15,7 +16,6 @@ import {
   splitProps,
 } from "solid-js"
 import { cn } from "@/utils/cn"
-import { MDXContent } from "dev/components/mdx-content"
 
 // TODO: Dropdown (use @kobalte)
 // Dropdown

dev/components/demos/isolate.tsx

@@ -1,4 +1,4 @@
-import Demo, { DemoSwitch, type DemoProps } from "dev/components/demos/base-demo"
+import Demo, { type DemoProps, DemoSwitch } from "dev/components/demos/base-demo"
 import { createSignal } from "solid-js"
 import NumberFlow from "src"
 
@@ -28,7 +28,7 @@ export default function IsolateDemo(props: Omit<DemoProps, "children" | "code">)
       onClick={() => setIncreased((o) => !o)}
     >
       <div class="~text-3xl/4xl flex items-center gap-4">
-        {increased() && <div class="bg-zinc-800 ~w-20/40 h-[1em] rounded-sm" />}
+        {increased() && <div class="~w-20/40 h-[1em] rounded-sm bg-zinc-800" />}
         <NumberFlow
           locales="en-US"
           isolate={isolate()}

dev/components/demos/styling.tsx

@@ -25,7 +25,7 @@ number-flow::part(suffix) {
         value={value()}
         format={{ style: "currency", currency: "USD", trailingZeroDisplay: "stripIfInteger" }}
         suffix="/mo"
-        class="~text-3xl/4xl font-semibold text-4xl part-[suffix]:font-normal part-[suffix]:text-muted part-[suffix]:text-[0.75em] part-[suffix]:ml-[0.0625em]"
+        class="~text-3xl/4xl part-[suffix]:ml-[0.0625em] font-semibold part-[suffix]:font-normal part-[suffix]:text-[0.75em] part-[suffix]:text-muted text-4xl"
         style={{ "--number-flow-char-height": "0.85em" }}
       />
     </Demo>

dev/components/demos/tabular-nums.tsx

@@ -1,4 +1,4 @@
-import Demo, { DemoSwitch, type DemoProps } from "dev/components/demos/base-demo"
+import Demo, { type DemoProps, DemoSwitch } from "dev/components/demos/base-demo"
 import { createSignal } from "solid-js"
 import NumberFlow from "src"
 

dev/components/demos/trend.tsx

@@ -40,7 +40,7 @@ export default function TrendDemo(props: Omit<DemoProps, "children" | "code">) {
       code={code}
       title={
         <DropdownMenu>
-          <DropdownMenuTrigger class="flex items-center gap-1 rounded-md px-2 py-1 text-xs hover:bg-zinc-800 transition-colors outline-none">
+          <DropdownMenuTrigger class="flex items-center gap-1 rounded-md px-2 py-1 text-xs outline-none transition-colors hover:bg-zinc-800">
             <code class="text-muted text-zinc-500">trend:</code>
             <code class="font-semibold">{option()}</code>
             <svg

dev/components/mdx-content.tsx

@@ -1,13 +1,11 @@
 import { compile, compileSync, run, runSync } from "@mdx-js/mdx"
+import rehypeShiki from "@shikijs/rehype"
 import theme from "dev/highlighter-theme.json"
 import { getSingletonHighlighter } from "shiki"
 import { createEffect, createRenderEffect, createSignal, type JSX, Show } from "solid-js"
 import { Dynamic } from "solid-js/web"
 import * as runtime from "solid-jsx"
 
-
-import rehypeShiki from "@shikijs/rehype"
-
 interface MDXProps {
   code: string
   components?: Record<string, any>
@@ -90,9 +88,9 @@ export const MDXContent = (props: MDXProps): JSX.Element => {
           rehypePlugins: [
             [
               rehypeShiki, // Adds syntax-highlighting for code blocks.
-              { theme: theme }
-            ]
-          ]
+              { theme: theme },
+            ],
+          ],
         })
         setMdxModule(await run(String(compiled), { ...(runtime as any), baseUrl: import.meta.url }))
       } catch (e) {
@@ -112,7 +110,6 @@ export const MDXContent = (props: MDXProps): JSX.Element => {
   const Content = () => mdxModule()?.default || (() => null)
 
   return Content as unknown as JSX.Element
-
 }
 
 // export const MDXContent = (props: MDXProps): JSX.Element => {
@@ -129,7 +126,6 @@ export const MDXContent = (props: MDXProps): JSX.Element => {
 //   return Content as unknown as JSX.Element
 // }
 
-
 export const MDXContentStatic = (props: MDXProps): JSX.Element => {
   try {
     const compiled = compileSync(props.code, {