build(deps-dev): bump @biomejs/biome from 1.9.4 to 2.3.3 (#108)

* build(deps-dev): bump @biomejs/biome from 1.9.4 to 2.3.3

Bumps [@biomejs/biome](https://github.com/biomejs/biome/tree/HEAD/packages/@biomejs/biome) from 1.9.4 to 2.3.3.
- [Release notes](https://github.com/biomejs/biome/releases)
- [Changelog](https://github.com/biomejs/biome/blob/main/packages/@biomejs/biome/CHANGELOG.md)
- [Commits](https://github.com/biomejs/biome/commits/@biomejs/biome@2.3.3/packages/@biomejs/biome)

---
updated-dependencies:
- dependency-name: "@biomejs/biome"
  dependency-version: 2.3.3
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

* fix

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: cannorin <cannorin@users.noreply.github.com>

apps/web/biome.json

@@ -1,3 +1,4 @@
 {
-  "extends": ["../../biome.json"]
+  "root": false,
+  "extends": "//"
 }

apps/web/package.json

@@ -13,7 +13,7 @@
     "fix": "biome check --fix"
   },
   "devDependencies": {
-    "@biomejs/biome": "1.9.4",
+    "@biomejs/biome": "2.3.5",
     "@poppanator/sveltekit-svg": "5.0.0",
     "@sveltejs/adapter-auto": "6.0.0",
     "@sveltejs/adapter-cloudflare": "7.2.3",

apps/web/src/app.d.ts

@@ -12,7 +12,7 @@ declare global {
   }
 
   declare module "*.md" {
-    import type { Component, SvelteComponent } from "svelte";
+    import type { Component } from "svelte";
     const content: Component<HTMLAttributes<HTMLElement>>;
     export default content;
     export const metadata: Record<string, unknown>;

apps/web/src/lib/components/card.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-import { cn } from "$lib/utils";
 import type { Snippet } from "svelte";
 import type { Picture } from "vite-imagetools";
+import { cn } from "$lib/utils";
 
 export interface CardProps {
   class?: string | undefined;

apps/web/src/lib/components/seo/openGraph.svelte

@@ -27,6 +27,7 @@ SOFTWARE.
 
 <script lang="ts">
 import type { SeoProps } from "./types";
+
 let { openGraph }: { openGraph?: SeoProps["openGraph"] } = $props();
 </script>
 

apps/web/src/lib/components/ui/button/button.svelte

@@ -4,7 +4,7 @@ import type {
   HTMLAnchorAttributes,
   HTMLButtonAttributes,
 } from "svelte/elements";
-import { type VariantProps, tv } from "tailwind-variants";
+import { tv, type VariantProps } from "tailwind-variants";
 
 export const buttonVariants = tv({
   base: "focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",

apps/web/src/lib/components/ui/dialog/dialog-content.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-import { cn } from "$lib/utils.js";
 import {
   Dialog as DialogPrimitive,
   type WithoutChildrenOrChild,
 } from "bits-ui";
 import X from "lucide-svelte/icons/x";
 import type { Snippet } from "svelte";
+import { cn } from "$lib/utils.js";
 import * as Dialog from "./index.js";
 
 let {

apps/web/src/lib/components/ui/dialog/dialog-description.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-import { cn } from "$lib/utils.js";
 import { Dialog as DialogPrimitive } from "bits-ui";
+import { cn } from "$lib/utils.js";
 
 let {
   ref = $bindable(null),

apps/web/src/lib/components/ui/dialog/dialog-footer.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-import { cn } from "$lib/utils.js";
 import type { WithElementRef } from "bits-ui";
 import type { HTMLAttributes } from "svelte/elements";
+import { cn } from "$lib/utils.js";
 
 let {
   ref = $bindable(null),

apps/web/src/lib/components/ui/dialog/dialog-header.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-import { cn } from "$lib/utils.js";
 import type { WithElementRef } from "bits-ui";
 import type { HTMLAttributes } from "svelte/elements";
+import { cn } from "$lib/utils.js";
 
 let {
   ref = $bindable(null),

apps/web/src/lib/components/ui/dialog/dialog-overlay.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-import { cn } from "$lib/utils.js";
 import { Dialog as DialogPrimitive } from "bits-ui";
+import { cn } from "$lib/utils.js";
 
 let {
   ref = $bindable(null),

apps/web/src/lib/components/ui/dialog/dialog-title.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-import { cn } from "$lib/utils.js";
 import { Dialog as DialogPrimitive } from "bits-ui";
+import { cn } from "$lib/utils.js";
 
 let {
   ref = $bindable(null),

apps/web/src/routes/(main)/+layout.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
+import LuChevronsRight from "lucide-svelte/icons/chevrons-right";
+import LuCopyleft from "lucide-svelte/icons/copyleft";
 import { page } from "$app/state";
 import { limitWidth } from "$lib/constants";
 import { cn } from "$lib/utils";
-import LuChevronsRight from "lucide-svelte/icons/chevrons-right";
-import LuCopyleft from "lucide-svelte/icons/copyleft";
 
 let { children } = $props();
 </script>

apps/web/src/routes/(main)/+page.svelte

@@ -1,17 +1,16 @@
 <script lang="ts">
-import { limitWidth } from "$lib/constants";
-import { cn } from "$lib/utils";
-import type { Snapshot } from "../$types";
-import CardDev from "./dev/card.svelte";
-import CardMath from "./math/card.svelte";
-import CardMusic from "./music/card.svelte";
-
 import SiDiscord from "@icons-pack/svelte-simple-icons/icons/SiDiscord";
 import SiKeybase from "@icons-pack/svelte-simple-icons/icons/SiKeybase";
 import SiMisskey from "@icons-pack/svelte-simple-icons/icons/SiMisskey";
 import SiSteam from "@icons-pack/svelte-simple-icons/icons/SiSteam";
 import SiTwitch from "@icons-pack/svelte-simple-icons/icons/SiTwitch";
 import SiX from "@icons-pack/svelte-simple-icons/icons/SiX";
+import { limitWidth } from "$lib/constants";
+import { cn } from "$lib/utils";
+import type { Snapshot } from "../$types";
+import CardDev from "./dev/card.svelte";
+import CardMath from "./math/card.svelte";
+import CardMusic from "./music/card.svelte";
 
 type SnapshotData = {
   scrollPosition: number;

apps/web/src/routes/(main)/blog/+page.server.ts

@@ -1,5 +1,5 @@
 import type { SeoProps } from "$lib/components/seo";
-import { type Metadata, data } from "./(articles)/data";
+import { data, type Metadata } from "./(articles)/data";
 
 export async function load() {
   const posts: (Metadata & { slug: string })[] = [];

apps/web/src/routes/(main)/dev/card.svelte

@@ -1,12 +1,10 @@
 <script lang="ts">
-import Card, { type CardProps } from "$components/card.svelte";
-import { cn } from "$lib/utils";
-
-import IconTapl from "$assets/images/static/icon/tapl.webp?w=1080;800;600;400;300&enhanced";
-
 import SiGithub from "@icons-pack/svelte-simple-icons/icons/SiGithub";
 import SiQiita from "@icons-pack/svelte-simple-icons/icons/SiQiita";
 import SiZenn from "@icons-pack/svelte-simple-icons/icons/SiZenn";
+import IconTapl from "$assets/images/static/icon/tapl.webp?w=1080;800;600;400;300&enhanced";
+import Card, { type CardProps } from "$components/card.svelte";
+import { cn } from "$lib/utils";
 
 let { more, ...rest }: Pick<CardProps, "more" | "class"> = $props();
 </script>

apps/web/src/routes/(main)/links/+page.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
+import type { Snippet } from "svelte";
 import { limitWidth } from "$lib/constants";
 import { cn } from "$lib/utils";
-import type { Snippet } from "svelte";
 
 const categories = [
   { type: "mine" },

apps/web/src/routes/(main)/math/+page.svelte

@@ -51,7 +51,7 @@ const papers: Paper[] = [
       "https://www.researchgate.net/publication/389821716_Uniform_Lyndon_interpolation_for_the_pure_logic_of_necessitation_with_a_modal_reduction_principle",
     journal: "Journal of Logic and Computation",
     doi: "10.1093/logcom/exaf048",
-    info: "Volume 35, Issue 7, October 2025"
+    info: "Volume 35, Issue 7, October 2025",
   },
   {
     type: "accepted",

apps/web/src/routes/(main)/math/card.svelte

@@ -1,12 +1,11 @@
 <script lang="ts">
-import Card, { type CardProps } from "$components/card.svelte";
-import { cn } from "$lib/utils";
-
-import IconLogic from "$assets/images/static/icon/logic-chang.webp?w=1080;800;600;400;300&enhanced";
-
 import SiOrcid from "@icons-pack/svelte-simple-icons/icons/SiOrcid";
 import SiResearchgate from "@icons-pack/svelte-simple-icons/icons/SiResearchgate";
 
+import IconLogic from "$assets/images/static/icon/logic-chang.webp?w=1080;800;600;400;300&enhanced";
+import Card, { type CardProps } from "$components/card.svelte";
+import { cn } from "$lib/utils";
+
 let { more, ...rest }: Pick<CardProps, "more" | "class"> = $props();
 </script>
 

apps/web/src/routes/(main)/music/card.svelte

@@ -1,12 +1,10 @@
 <script lang="ts">
-import Card, { type CardProps } from "$components/card.svelte";
-import { cn } from "$lib/utils";
-
-import IconJakeko from "$assets/images/static/icon/jakeko.webp?w=1080;800;600;400;300&enhanced";
-
 import SiBandcamp from "@icons-pack/svelte-simple-icons/icons/SiBandcamp";
 import SiMixcloud from "@icons-pack/svelte-simple-icons/icons/SiMixcloud";
 import SiSoundcloud from "@icons-pack/svelte-simple-icons/icons/SiSoundcloud";
+import IconJakeko from "$assets/images/static/icon/jakeko.webp?w=1080;800;600;400;300&enhanced";
+import Card, { type CardProps } from "$components/card.svelte";
+import { cn } from "$lib/utils";
 
 let { more, ...rest }: Pick<CardProps, "more" | "class"> = $props();
 </script>

apps/web/src/routes/+layout.svelte

@@ -2,13 +2,13 @@
 import "../app.css";
 import "./webfont.css";
 
+import { sineOut } from "svelte/easing";
+import { fade } from "svelte/transition";
 import { browser } from "$app/environment";
 import { onNavigate } from "$app/navigation";
 import { page } from "$app/state";
 import Seo, { defaultSeo, mergeSeo } from "$components/seo";
 import { PUBLIC_WEB_DOMAIN } from "$env/static/public";
-import { sineOut } from "svelte/easing";
-import { fade } from "svelte/transition";
 
 let viewTransition = !browser || !!document.startViewTransition;
 

apps/web/src/routes/api/misskey/invite-code/+server.ts

@@ -1,10 +1,9 @@
 import { sampleMany } from "@cannorin/utils";
 import { type RequestEvent, text } from "@sveltejs/kit";
+import type { InviteListResponse } from "misskey-js/entities.js";
 import { RateLimiter } from "sveltekit-rate-limiter/server";
-
 import { dev } from "$app/environment";
 import { MISSKEY_API_KEY } from "$env/static/private";
-import type { InviteListResponse } from "misskey-js/entities.js";
 
 const limiter = new RateLimiter({
   IP: [10, "d"], // IP address limiter

apps/web/src/routes/arubinosky/+page.svelte

@@ -1,15 +1,14 @@
 <script lang="ts">
-import CharaSad from "$assets/images/static/arubinosky/arubinochan-scared.svg?component";
+import Check from "lucide-svelte/icons/check";
+import Copy from "lucide-svelte/icons/copy";
 import Chara from "$assets/images/static/arubinosky/arubinochan.svg?component";
+import CharaSad from "$assets/images/static/arubinosky/arubinochan-scared.svg?component";
 import Logo from "$assets/images/static/arubinosky/logo.svg?component";
 import { limitWidth } from "$lib/constants";
 import { cn } from "$lib/utils";
 import Embed from "./embed.svelte";
 import Terms from "./terms.md";
 
-import Check from "lucide-svelte/icons/check";
-import Copy from "lucide-svelte/icons/copy";
-
 const getInviteCode = async () => {
   copied = false;
   const res = await fetch("/api/misskey/invite-code");

apps/web/src/routes/kripke/components/formula-input.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-import Katex from "$lib/components/katex.svelte";
 import { type Formula, prettyPrint, tryParse } from "@cannorin/kripke";
+import Katex from "$lib/components/katex.svelte";
 import { formulaHistory } from "../lib/store";
 
 let {

apps/web/src/routes/kripke/components/frame-input.svelte

@@ -1,21 +1,21 @@
 <script lang="ts">
 import {
   type Frame,
-  type Relation,
-  type World,
   left,
+  type Relation,
   reverse,
   right,
+  type World,
   worlds,
 } from "@cannorin/kripke";
 import {
-  type Radian,
-  type Vector,
   add,
   degree,
+  type Radian,
   rotate,
   sub,
   theta,
+  type Vector,
 } from "@cannorin/utils/vector";
 import type { SVGAttributes } from "svelte/elements";
 

apps/web/src/routes/kripke/components/game.svelte

@@ -1,7 +1,4 @@
 <script lang="ts">
-import Katex from "$lib/components/katex.svelte";
-
-import { cn } from "$lib/utils";
 import {
   type Formula,
   type Frame,
@@ -16,6 +13,8 @@ import LuCheck from "lucide-svelte/icons/check";
 import LuHeart from "lucide-svelte/icons/heart";
 import LuHeartCrack from "lucide-svelte/icons/heart-crack";
 import LuX from "lucide-svelte/icons/x";
+import Katex from "$lib/components/katex.svelte";
+import { cn } from "$lib/utils";
 import { formulaHistory } from "../lib/store";
 import FormulaInput from "./formula-input.svelte";
 import FrameInput from "./frame-input.svelte";

apps/web/src/routes/kripke/components/rules.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-import Katex from "$lib/components/katex.svelte";
 import {
   andSymbols,
   botSymbols,
@@ -10,10 +9,11 @@ import {
   notSymbols,
   orSymbols,
   rParenSymbols,
-  toSymbols,
   topSymbols,
+  toSymbols,
 } from "@cannorin/kripke";
 import LuHeart from "lucide-svelte/icons/heart";
+import Katex from "$lib/components/katex.svelte";
 
 let { relationSize }: { relationSize: number } = $props();
 

apps/web/src/routes/kripke/components/share.svelte

@@ -24,6 +24,9 @@ let shareText = $derived.by(() => {
         case "check": {
           return numberEmojis[move.valid];
         }
+        default: {
+          throw new Error("impossible");
+        }
       }
     })
     .join("");

apps/web/src/routes/kripke/components/template.svelte

@@ -1,7 +1,4 @@
 <script lang="ts">
-import { Button } from "$lib/components/ui/button";
-import * as Dialog from "$lib/components/ui/dialog";
-
 import {
   type Formula,
   getFrame,
@@ -10,13 +7,14 @@ import {
   tryParse,
   validWorlds,
 } from "@cannorin/kripke";
-import Game, { type GameStatus, type Move } from "./game.svelte";
-
 import LuRotateCw from "lucide-svelte/icons/rotate-cw";
 import LuX from "lucide-svelte/icons/x";
 import type { Snippet } from "svelte";
+import { Button } from "$lib/components/ui/button";
+import * as Dialog from "$lib/components/ui/dialog";
 import Chart from "./chart.svelte";
 import FrameInput from "./frame-input.svelte";
+import Game, { type GameStatus, type Move } from "./game.svelte";
 import Rules from "./rules.svelte";
 import Share, { type ShareProps } from "./share.svelte";
 

apps/web/src/routes/kripke/random/+page.server.ts

@@ -6,7 +6,7 @@ export async function load({ url }) {
   const seed = (() => {
     try {
       if (!seedStr) return randomSeed();
-      const seed = Number.parseInt(seedStr);
+      const seed = Number.parseInt(seedStr, 10);
       if (!Number.isSafeInteger(seed)) return randomSeed();
       return seed;
     } catch {

apps/web/src/routes/kripke/random/[seed]/+page.server.ts

@@ -1,11 +1,11 @@
-import type { SeoProps } from "$components/seo";
 import { error } from "@sveltejs/kit";
+import type { SeoProps } from "$components/seo";
 
 export async function load({ params }) {
   const seedStr = params.seed;
   const seed = (() => {
     try {
-      const seed = Number.parseInt(seedStr);
+      const seed = Number.parseInt(seedStr, 10);
       if (!Number.isSafeInteger(seed)) throw error(400);
       return seed;
     } catch {