config(biome): experimental html full support

biome.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.3.1/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.3.2/schema.json",
   "assist": {
     "actions": {
       "source": {
@@ -60,6 +60,12 @@
       "tailwindDirectives": true
     }
   },
+  "html": {
+    "formatter": {
+      "enabled": true
+    },
+    "experimentalFullSupportEnabled": true
+  },
   "javascript": {
     "formatter": {
       "quoteStyle": "single"

package.json

@@ -64,7 +64,7 @@
     "tailwindcss-motion": "1.1.1"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.3.1",
+    "@biomejs/biome": "2.3.2",
     "husky": "9.1.7"
   },
   "packageManager": "pnpm@10.19.0",

src/components/DownloadButton.astro

@@ -10,7 +10,6 @@ export interface Props {
 
 const { item } = Astro.props;
 ---
-
 <a
   href={item.url}
   class:list={[
@@ -21,7 +20,7 @@ const { item } = Astro.props;
   ]}
 >
   <div class="flex flex-row gap-2 items-center">
-    <Icon name="line-md:cloud-alt-download-filled" size={24} />
+    <Icon name="line-md:cloud-alt-download-filled" size={24}/>
     <span>{item.name}</span>
   </div>
 </a>

src/components/Footer.astro

@@ -5,7 +5,6 @@ import { siteMetadata, URLs } from '~/constants';
 const { currentPathname } = Astro.props;
 const isHomepage = currentPathname === '/';
 ---
-
 <div
   class:list={[
     "bg-gitify-footer text-white text-sm py-10 px-3",
@@ -16,17 +15,16 @@ const isHomepage = currentPathname === '/';
     <a
       target="_blank"
       rel="noopener noreferrer"
-      href=`${URLs.GITHUB.REPO}`
+      href={URLs.GITHUB.REPO}
       aria-label="GitHub Repository"
       class="mt-1 mb-4 mx-2 p-1 hover:motion-preset-pulse hover:motion-duration-1000"
     >
-      <Icon name="mdi:github" size={32} />
+      <Icon name="mdi:github" size={32}/>
     </a>
 
     <div class="my-3">
-      Copyright © <a href={siteMetadata.author.site}
-        >{siteMetadata.author.name}</a
-      >
+      Copyright ©
+      <a href={siteMetadata.author.site}>{siteMetadata.author.name}</a>
       {new Date().getFullYear()}
     </div>
   </div>

src/components/GitHubRepo.astro

@@ -42,7 +42,6 @@ const loadRepoStats = async (): Promise<RepoStats> => {
 
 const { forks, stars, latestReleaseName } = await loadRepoStats();
 ---
-
 <a
   href={URLs.GITHUB.REPO}
   target="_blank"
@@ -53,20 +52,20 @@ const { forks, stars, latestReleaseName } = await loadRepoStats();
   <section
     class="flex flex-row gap-2 items-center motion-preset-pop hover:motion-preset-oscillate hover:motion-duration-500"
   >
-    <Icon name="mdi:github" size={32} class="w-6 sm:w-10" />
+    <Icon name="mdi:github" size={32} class="w-6 sm:w-10"/>
     <div class="font-light max-sm:hidden">
       <div class="text-sm">{siteMetadata.repo.fullName}</div>
       <div class="flex flex-row gap-2 text-xs">
         <div class="flex flex-row gap-0.5 items-center">
-          <Icon name="mdi:tag-outline" />
+          <Icon name="mdi:tag-outline"/>
           {latestReleaseName}
         </div>
         <div class="flex flex-1 gap-0.5 items-center">
-          <Icon name="mdi:star-outline" />
+          <Icon name="mdi:star-outline"/>
           {stars}
         </div>
         <div class="flex flex-1 gap-0.5 items-center">
-          <Icon name="mdi:source-branch" />
+          <Icon name="mdi:source-branch"/>
           {forks}
         </div>
       </div>

src/components/GoogleAnalytics.astro

@@ -1,12 +1,14 @@
 <!-- Google tag (gtag.js) -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=G-QXML81DEDV"
+<script
+  async
+  src="https://www.googletagmanager.com/gtag/js?id=G-QXML81DEDV"
 ></script>
 <script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag() {
-    dataLayer.push(arguments);
-  }
-  gtag("js", new Date());
+window.dataLayer = window.dataLayer || [];
+function gtag() {
+  dataLayer.push(arguments);
+}
+gtag('js', new Date());
 
-  gtag("config", "G-QXML81DEDV");
+gtag('config', 'G-QXML81DEDV');
 </script>

src/components/Hero.astro

@@ -5,21 +5,20 @@ import LatestRelease from '~/components/LatestRelease.astro';
 import Logo from '~/components/Logo.astro';
 import { siteMetadata } from '~/constants';
 ---
-
 <div class="bg-gitify-hero">
   <div
     class="container flex flex-col md:flex-row lg:items-center max-w-5xl mx-auto px-12 py-8 lg:py-16"
   >
     <div class="flex flex-col justify-center grow">
-      <Logo className="w-16 lg:w-24 mb-4" isDark />
+      <Logo className="w-16 lg:w-24 mb-4" isDark/>
 
       <h1 class="text-2xl lg:text-4xl font-semibold">{siteMetadata.title}</h1>
 
       <h2 class="mt-2 text-xl lg:text-2xl font-light">
         {siteMetadata.description}.
       </h2>
 
-      <LatestRelease />
+      <LatestRelease/>
     </div>
 
     <div class="motion-preset-pop motion-rotate-in-[-30deg]">

src/components/LatestRelease.astro

@@ -96,7 +96,6 @@ const loadInitialData = async (): Promise<HeroData> => {
 
 const { downloadLinks, version, releaseDate } = await loadInitialData();
 ---
-
 <div class="text-sm mt-4">
   {
     version ? (

src/components/Logo.astro

@@ -12,7 +12,6 @@ const DARK_GRADIENT_END = '#555B6E';
 
 const { isDark = false, className = '' } = Astro.props;
 ---
-
 <svg
   class={className}
   xmlns="http://www.w3.org/2000/svg"
@@ -30,17 +29,20 @@ const { isDark = false, className = '' } = Astro.props;
     >
       <stop
         stop-color={isDark ? DARK_GRADIENT_START : LIGHT_GRADIENT_START}
-        offset="0%"></stop>
+        offset="0%"
+      ></stop>
       <stop
         stop-color={isDark ? DARK_GRADIENT_END : LIGHT_GRADIENT_END}
-        offset="100%"></stop>
+        offset="100%"
+      ></stop>
     </linearGradient>
   </defs>
   <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
     <g
       id="Logo"
       transform="translate(6.000000, 6.000000)"
-      fill={`url(${isDark ? '#linearGradient-dark' : '#linearGradient-light'})`}
+      fill={`url(${isDark ? '#linearGradient-dark' : '#linearGradient-light'}
+      )`}
       fill-rule="nonzero"
     >
       <path

src/components/Navbar.astro

@@ -6,15 +6,14 @@ import { siteMetadata } from '~/constants';
 const { currentPathname } = Astro.props;
 const isHomepage = currentPathname === '/';
 ---
-
 <nav class:list={["py-10 px-8", isHomepage && "bg-gitify-hero"]}>
   <div class="container max-w-5xl lg:mx-auto">
     <div
       class="bg-gitify-navbar text-gitify-link rounded-lg flex items-center justify-between px-8 lg:px-12 py-4 lg:py-6"
     >
       <div class="flex items-center shrink-0 text-white mr-6">
         <a href="/" aria-label={siteMetadata.title}>
-          <Logo className="w-8" />
+          <Logo className="w-8"/>
         </a>
       </div>
 
@@ -40,7 +39,7 @@ const isHomepage = currentPathname === '/';
           }
 
           <li>
-            <GitHubRepo />
+            <GitHubRepo/>
           </li>
         </ul>
       </div>