gomighty · aminevg · Mar 25, 2026 · Mar 25, 2026 · Mar 25, 2026
diff --git a/biome.json b/biome.json
@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.1.3/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.4.8/schema.json",
   "vcs": {
     "enabled": true,
     "clientKind": "git",
@@ -28,25 +28,15 @@
       "quoteStyle": "double"
     }
   },
+  "html": {
+    "experimentalFullSupportEnabled": true
+  },
   "assist": {
     "enabled": true,
     "actions": {
       "source": {
         "organizeImports": "on"
       }
     }
-  },
-  "overrides": [
-    {
-      "includes": ["**/*.astro", "**/*.vue", "**/*.svelte"],
-      "linter": {
-        "rules": {
-          "correctness": {
-            "noUnusedVariables": "off",
-            "noUnusedImports": "off"
-          }
-        }
-      }
-    }
-  ]
+  }
 }
diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "type": "module",
   "packageManager": "pnpm@10.30.1",
   "devDependencies": {
-    "@biomejs/biome": "2.1.3",
+    "@biomejs/biome": "2.4.8",
     "@types/node": "^25.3.5",
     "@typescript/native-preview": "^7.0.0-dev",
     "tsdown": "^0.21.0",

diff --git a/packages/core/fixtures/dev/alpinejs/src/pages/basic.astro b/packages/core/fixtures/dev/alpinejs/src/pages/basic.astro
@@ -6,13 +6,13 @@ interface Props {
 const { initialCount } = Astro.props;
 ---
 
-<html>
+<html lang="en">
   <head></head>
   <body>
     <div class="counter" x-data={`{ count: ${initialCount} }`}>
-      <button x-on:click="count--">-</button>
+      <button type="button" x-on:click="count--">-</button>
       <pre x-text="count">{ initialCount }</pre>
-      <button x-on:click="count++">+</button>
+      <button type="button" x-on:click="count++">+</button>
     </div>
   </body>
 </html>
diff --git a/packages/core/fixtures/dev/basic/src/pages/imgTag.astro b/packages/core/fixtures/dev/basic/src/pages/imgTag.astro
@@ -2,4 +2,4 @@
 import sampleImg from "../assets/sample.png";
 ---
 
-<img src={sampleImg.src} width={sampleImg.width} height={sampleImg.height} />
+<img src={sampleImg.src} width={sampleImg.width} height={sampleImg.height} alt="" />
diff --git a/packages/core/fixtures/dev/basic/src/pages/page.astro b/packages/core/fixtures/dev/basic/src/pages/page.astro
@@ -7,7 +7,7 @@ const { title } = Astro.props;
 ---
 
 
-<html>
+<html lang="en">
   <head>
   </head>
   <body>

diff --git a/packages/core/fixtures/dev/basic/src/pages/styles.astro b/packages/core/fixtures/dev/basic/src/pages/styles.astro
@@ -1,4 +1,4 @@
-<html>
+<html lang="en">
   <head>
   </head>
   <body>

diff --git a/packages/core/fixtures/dev/basic/src/pages/stylesWithChild.astro b/packages/core/fixtures/dev/basic/src/pages/stylesWithChild.astro
@@ -2,7 +2,7 @@
 import StyleChild from "../components/StyleChild.astro";
 ---
 
-<html>
+<html lang="en">
   <head>
   </head>
   <body>

diff --git a/packages/core/fixtures/dev/partytown/src/pages/basic.astro b/packages/core/fixtures/dev/partytown/src/pages/basic.astro
@@ -1,4 +1,4 @@
-<html>
+<html lang="en">
   <head></head>
   <body>
     PartyTown demo

diff --git a/packages/core/fixtures/dev/react-renderer/src/pages/clientload.astro b/packages/core/fixtures/dev/react-renderer/src/pages/clientload.astro
@@ -8,7 +8,7 @@ interface Props {
 const { title } = Astro.props;
 ---
 
-<html>
+<html lang="en">
   <head></head>
   <body>
     <Counter client:load title={title} />

diff --git a/packages/core/fixtures/start/basic/src/pages/imgTag.astro b/packages/core/fixtures/start/basic/src/pages/imgTag.astro
@@ -2,4 +2,4 @@
 import sampleImg from "../assets/sample.png";
 ---
 
-<img src={sampleImg.src} width={sampleImg.width} height={sampleImg.height} />
+<img src={sampleImg.src} width={sampleImg.width} height={sampleImg.height} alt="" />
diff --git a/packages/core/fixtures/start/basic/src/pages/page.astro b/packages/core/fixtures/start/basic/src/pages/page.astro
@@ -1,4 +1,4 @@
-<html>
+<html lang="en">
   <head>
   </head>
   <body>

diff --git a/packages/core/fixtures/start/basic/src/pages/scriptTag.astro b/packages/core/fixtures/start/basic/src/pages/scriptTag.astro
@@ -1,4 +1,4 @@
-<html>
+<html lang="en">
   <head>
   </head>
   <body>

diff --git a/packages/core/fixtures/start/basic/src/pages/styles.astro b/packages/core/fixtures/start/basic/src/pages/styles.astro
@@ -1,4 +1,4 @@
-<html>
+<html lang="en">
   <head>
   </head>
   <body>

diff --git a/packages/core/src/utils/injectTagsIntoHead.ts b/packages/core/src/utils/injectTagsIntoHead.ts
@@ -15,7 +15,9 @@ export function injectTagsIntoHead(
   visit(tree, "element", (node) => {
     if (node.tagName === "head" && node.position) {
       hasHead = true;
-      children.forEach((child) => node.children.push(child));
+      children.forEach((child) => {
+        node.children.push(child);
+      });
       return EXIT;
     }
   });

diff --git a/packages/core/tests/dev/basic.test.ts b/packages/core/tests/dev/basic.test.ts
@@ -73,7 +73,7 @@ describe("dev basic fixture", () => {
     expect(response.status).toBe(200);
 
     expect(response.content).toBe(
-      '<!DOCTYPE html><html><head><script type="module" src="http://host-placeholder.test/@vite/client"></script></head> <body> <p>Hello World</p> </body></html>',
+      '<!DOCTYPE html><html lang="en"><head><script type="module" src="http://host-placeholder.test/@vite/client"></script></head> <body> <p>Hello World</p> </body></html>',
     );
   });
 

diff --git a/packages/core/tests/start/basic.test.ts b/packages/core/tests/start/basic.test.ts
@@ -64,7 +64,7 @@ describe("start basic fixture", () => {
     expect(response).toEqual({
       status: 200,
       content:
-        "<!DOCTYPE html><html><head></head> <body> <p>Hello World!</p> </body></html>",
+        '<!DOCTYPE html><html lang="en"><head></head> <body> <p>Hello World!</p> </body></html>',
     });
   });
 
@@ -96,7 +96,7 @@ describe("start basic fixture", () => {
     expect(response.status).toBe(200);
 
     const imageSrc = response.content.match(
-      /<img src="([^"]+)" width="96" height="96">/,
+      /<img src="([^"]+)" width="96" height="96" alt="">/,
     )?.[1] as string;
     expect(imageSrc).toMatch(/^\/_astro\//);
 

diff --git a/packages/docs/src/components/starlight/Hero.astro b/packages/docs/src/components/starlight/Hero.astro
@@ -22,13 +22,13 @@ const PAGE_TITLE_ID = "_top";
             ({
               attrs: { class: className, ...attrs } = {},
               icon,
-              link: href,
+              link,
               text,
               variant,
             }) => (
               <LinkButton
-                {href}
-                {variant}
+                href={link}
+                variant={variant}
                 icon={icon?.name}
                 class:list={[className]}
                 {...attrs}

diff --git a/packages/docs/src/components/starlight/SiteTitle.astro b/packages/docs/src/components/starlight/SiteTitle.astro
@@ -5,11 +5,15 @@ import MightyLogo from "@/assets/mighty.svg";
 const { siteTitle, siteTitleHref } = Astro.locals.starlightRoute;
 
 const anchorHref = Astro.url.pathname === "/" ? "/#" : siteTitleHref;
+
+const titleClassList = {
+  "sr-only": config.logo?.replacesTitle,
+};
 ---
 
 <a href={anchorHref} class="site-title sl-flex">
   <MightyLogo class="site-title-logo" />
-  <span class:list={{ "sr-only": config.logo?.replacesTitle }} translate="no">
+  <span class:list={titleClassList} translate="no">
     {siteTitle}
   </span>
 </a>
@@ -50,6 +54,7 @@ const anchorHref = Astro.url.pathname === "/" ? "/#" : siteTitleHref;
   }
 
   .site-title-rotate-after-view-transition svg path {
+    /* biome-ignore lint/complexity/noImportantStyles: required here to work with view transitions */
     transition: none !important;
     transform: rotateY(540deg);
     cursor: pointer;

diff --git a/packages/docs/src/styles/custom.css b/packages/docs/src/styles/custom.css
@@ -19,13 +19,10 @@
 }
 
 @view-transition {
-  /* biome-ignore lint/correctness/noUnknownProperty: View Transitions navigation is valid CSS. */
   navigation: auto;
 }
 
-/* biome-ignore lint/correctness/noUnknownTypeSelector: View Transitions pseudo-elements are valid CSS. */
 ::view-transition-old(root),
-/* biome-ignore lint/correctness/noUnknownTypeSelector: View Transitions pseudo-elements are valid CSS. */
-  ::view-transition-new(root) {
+::view-transition-new(root) {
   animation: none;
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
-Original file line number
+Diff line change
@@ Expand Up / @@ -7,7 +7,7 @@ const { title } = Astro.props; @@
     ---
-    <html>
+    <html lang="en">
       <head>
       </head>
       <body>
@@ Expand Down @@