Biome 2.0 with format (#510)

* execute migrate command

* migrate to v2

* update config

* supress linter error

src/components/Footer.astro

@@ -2,6 +2,7 @@
 
 import { profileConfig } from "../config";
 import { url } from "../utils/url-utils";
+
 const currentYear = new Date().getFullYear();
 ---
 

src/components/LightDarkSwitch.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-import type { LIGHT_DARK_MODE } from "@/types/config.ts";
 import { AUTO_MODE, DARK_MODE, LIGHT_MODE } from "@constants/constants.ts";
 import I18nKey from "@i18n/i18nKey";
 import { i18n } from "@i18n/translation";
@@ -10,6 +9,7 @@ import {
 	setTheme,
 } from "@utils/setting-utils.ts";
 import { onMount } from "svelte";
+import type { LIGHT_DARK_MODE } from "@/types/config.ts";
 
 const seq: LIGHT_DARK_MODE[] = [LIGHT_MODE, DARK_MODE, AUTO_MODE];
 let mode: LIGHT_DARK_MODE = $state(AUTO_MODE);
@@ -19,7 +19,7 @@ onMount(() => {
 	const darkModePreference = window.matchMedia("(prefers-color-scheme: dark)");
 	const changeThemeWhenSchemeChanged: Parameters<
 		typeof darkModePreference.addEventListener<"change">
-	>[1] = (e) => {
+	>[1] = (_e) => {
 		applyThemeToDocument(mode);
 	};
 	darkModePreference.addEventListener("change", changeThemeWhenSchemeChanged);

src/components/Navbar.astro

@@ -8,6 +8,7 @@ import LightDarkSwitch from "./LightDarkSwitch.svelte";
 import Search from "./Search.svelte";
 import DisplaySettings from "./widget/DisplaySettings.svelte";
 import NavMenuPanel from "./widget/NavMenuPanel.astro";
+
 const className = Astro.props.class;
 
 let links: NavBarLink[] = navBarConfig.links.map(

src/components/PostCard.astro

@@ -1,12 +1,12 @@
 ---
-import path from "node:path";
 import type { CollectionEntry } from "astro:content";
+import path from "node:path";
 import { Icon } from "astro-icon/components";
 import I18nKey from "../i18n/i18nKey";
 import { i18n } from "../i18n/translation";
 import { getDir } from "../utils/url-utils";
-import PostMetadata from "./PostMeta.astro";
 import ImageWrapper from "./misc/ImageWrapper.astro";
+import PostMetadata from "./PostMeta.astro";
 
 interface Props {
 	class?: string;

src/components/Search.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
-import type { SearchResult } from "@/global";
 import I18nKey from "@i18n/i18nKey";
 import { i18n } from "@i18n/translation";
 import Icon from "@iconify/svelte";
 import { url } from "@utils/url-utils.ts";
 import { onMount } from "svelte";
+import type { SearchResult } from "@/global";
 
 let keywordDesktop = "";
 let keywordMobile = "";

src/components/control/Pagination.astro

@@ -2,6 +2,7 @@
 import type { Page } from "astro";
 import { Icon } from "astro-icon/components";
 import { url } from "../../utils/url-utils";
+
 interface Props {
 	page: Page;
 	class?: string;

src/components/misc/ImageWrapper.astro

@@ -1,5 +1,6 @@
 ---
 import path from "node:path";
+
 interface Props {
 	id?: string;
 	src: string;
@@ -8,6 +9,7 @@ interface Props {
 	position?: string;
 	basePath?: string;
 }
+
 import { Image } from "astro:assets";
 import { url } from "../../utils/url-utils";
 
@@ -24,7 +26,7 @@ const isPublic = src.startsWith("/");
 
 // TODO temporary workaround for images dynamic import
 // https://github.com/withastro/astro/issues/3373
-// biome-ignore lint/suspicious/noImplicitAnyLet: <explanation>
+// biome-ignore lint/suspicious/noImplicitAnyLet: <check later>
 let img;
 if (isLocal) {
 	const files = import.meta.glob<ImageMetadata>("../../**", {
@@ -50,4 +52,3 @@ const imageStyle = `object-position: ${position}`;
     {isLocal && img && <Image src={img} alt={alt || ""} class={imageClass} style={imageStyle}/>}
     {!isLocal && <img src={isPublic ? url(src) : src} alt={alt || ""} class={imageClass} style={imageStyle}/>}
 </div>
-

src/components/widget/Categories.astro

@@ -1,10 +1,9 @@
 ---
-import WidgetLayout from "./WidgetLayout.astro";
-
 import I18nKey from "../../i18n/i18nKey";
 import { i18n } from "../../i18n/translation";
 import { getCategoryList } from "../../utils/content-utils";
 import ButtonLink from "../control/ButtonLink.astro";
+import WidgetLayout from "./WidgetLayout.astro";
 
 const categories = await getCategoryList();
 

src/components/widget/WidgetLayout.astro

@@ -2,6 +2,7 @@
 import { Icon } from "astro-icon/components";
 import I18nKey from "../../i18n/i18nKey";
 import { i18n } from "../../i18n/translation";
+
 interface Props {
 	id: string;
 	name?: string;

src/constants/link-presets.ts

@@ -1,6 +1,6 @@
-import { LinkPreset, type NavBarLink } from "@/types/config";
 import I18nKey from "@i18n/i18nKey";
 import { i18n } from "@i18n/translation";
+import { LinkPreset, type NavBarLink } from "@/types/config";
 
 export const LinkPresets: { [key in LinkPreset]: NavBarLink } = {
 	[LinkPreset.Home]: {

src/layouts/Layout.astro

@@ -3,8 +3,8 @@ import "@fontsource/roboto/400.css";
 import "@fontsource/roboto/500.css";
 import "@fontsource/roboto/700.css";
 
-import { profileConfig, siteConfig } from "@/config";
 import ConfigCarrier from "@components/ConfigCarrier.astro";
+import { profileConfig, siteConfig } from "@/config";
 import {
 	AUTO_MODE,
 	BANNER_HEIGHT,
@@ -17,7 +17,7 @@ import {
 } from "../constants/constants";
 import { defaultFavicons } from "../constants/icon";
 import type { Favicon } from "../types/config";
-import { url, pathsEqual } from "../utils/url-utils";
+import { pathsEqual, url } from "../utils/url-utils";
 import "katex/dist/katex.css";
 
 interface Props {

src/layouts/MainGridLayout.astro

@@ -1,7 +1,7 @@
 ---
+import BackToTop from "@components/control/BackToTop.astro";
 import Footer from "@components/Footer.astro";
 import Navbar from "@components/Navbar.astro";
-import BackToTop from "@components/control/BackToTop.astro";
 import SideBar from "@components/widget/SideBar.astro";
 import type { MarkdownHeading } from "astro";
 import { Icon } from "astro-icon/components";

src/pages/[...page].astro

@@ -1,7 +1,7 @@
 ---
 import type { GetStaticPaths } from "astro";
-import PostPage from "../components/PostPage.astro";
 import Pagination from "../components/control/Pagination.astro";
+import PostPage from "../components/PostPage.astro";
 import { PAGE_SIZE } from "../constants/constants";
 import MainGridLayout from "../layouts/MainGridLayout.astro";
 import { getSortedPosts } from "../utils/content-utils";

src/pages/about.astro

@@ -1,12 +1,10 @@
 ---
 
-import MainGridLayout from "../layouts/MainGridLayout.astro";
-
-import { getEntry } from "astro:content";
-import { render } from "astro:content";
+import { getEntry, render } from "astro:content";
 import Markdown from "@components/misc/Markdown.astro";
 import I18nKey from "../i18n/i18nKey";
 import { i18n } from "../i18n/translation";
+import MainGridLayout from "../layouts/MainGridLayout.astro";
 
 const aboutPost = await getEntry("spec", "about");
 

src/pages/posts/[...slug].astro

@@ -9,8 +9,8 @@ import { getSortedPosts } from "@utils/content-utils";
 import { getDir, getPostUrlBySlug } from "@utils/url-utils";
 import { Icon } from "astro-icon/components";
 import { licenseConfig } from "src/config";
-import PostMetadata from "../../components/PostMeta.astro";
 import ImageWrapper from "../../components/misc/ImageWrapper.astro";
+import PostMetadata from "../../components/PostMeta.astro";
 import { profileConfig, siteConfig } from "../../config";
 import { formatDateToYYYYMMDD } from "../../utils/date-utils";
 

src/pages/rss.xml.ts

@@ -1,9 +1,9 @@
-import { siteConfig } from "@/config";
 import rss from "@astrojs/rss";
 import { getSortedPosts } from "@utils/content-utils";
 import type { APIContext } from "astro";
 import MarkdownIt from "markdown-it";
 import sanitizeHtml from "sanitize-html";
+import { siteConfig } from "@/config";
 
 const parser = new MarkdownIt();
 

src/plugins/expressive-code/language-badge.ts

@@ -6,7 +6,8 @@ import { definePlugin } from "@expressive-code/core";
 export function pluginLanguageBadge() {
 	return definePlugin({
 		name: "Language Badge",
-		baseStyles: ({ cssVar }) => `
+		// @ts-ignore
+		baseStyles: ({ _cssVar }) => `
       [data-language]::before {
         position: absolute;
         z-index: 2;

src/plugins/rehype-component-admonition.mjs

@@ -21,7 +21,7 @@ export function AdmonitionComponent(properties, children, type) {
 	let label = null;
 	if (properties?.["has-directive-label"]) {
 		label = children[0]; // The first child is the label
-		// biome-ignore lint/style/noParameterAssign: <explanation>
+		// biome-ignore lint/style/noParameterAssign: <check later>
 		children = children.slice(1);
 		label.tagName = "div"; // Change the tag <p> to <div>
 	}

src/plugins/remark-directive-rehype.js

@@ -2,14 +2,14 @@ import { h } from "hastscript";
 import { visit } from "unist-util-visit";
 
 export function parseDirectiveNode() {
-	return (tree, { data }) => {
+	return (tree, { _data }) => {
 		visit(tree, (node) => {
 			if (
 				node.type === "containerDirective" ||
 				node.type === "leafDirective" ||
 				node.type === "textDirective"
 			) {
-				// biome-ignore lint/suspicious/noAssignInExpressions: <explanation>
+				// biome-ignore lint/suspicious/noAssignInExpressions: <check later>
 				const data = node.data || (node.data = {});
 				node.attributes = node.attributes || {};
 				if (

src/plugins/remark-excerpt.js

@@ -1,4 +1,4 @@
-// biome-ignore lint/suspicious/noShadowRestrictedNames: <explanation>
+// biome-ignore lint/suspicious/noShadowRestrictedNames: <toString from mdast-util-to-string>
 import { toString } from "mdast-util-to-string";
 
 /* Use the post's first paragraph as the excerpt */

src/plugins/remark-reading-time.mjs

@@ -1,4 +1,4 @@
-// biome-ignore lint/suspicious/noShadowRestrictedNames: <explanation>
+// biome-ignore lint/suspicious/noShadowRestrictedNames: <toString from mdast-util-to-string>
 import { toString } from "mdast-util-to-string";
 import getReadingTime from "reading-time";
 

src/utils/setting-utils.ts

@@ -1,11 +1,11 @@
-import { expressiveCodeConfig } from "@/config";
-import type { LIGHT_DARK_MODE } from "@/types/config";
 import {
 	AUTO_MODE,
 	DARK_MODE,
 	DEFAULT_THEME,
 	LIGHT_MODE,
 } from "@constants/constants.ts";
+import { expressiveCodeConfig } from "@/config";
+import type { LIGHT_DARK_MODE } from "@/types/config";
 
 export function getDefaultHue(): number {
 	const fallback = "250";