perf: use biome

src/components/ThemeColorManager.tsx

@@ -1,39 +1,41 @@
-"use client"
+"use client";
 
-import { useTheme } from "@/hooks/use-theme"
-import { useEffect } from "react"
+import { useEffect } from "react";
+import { useTheme } from "@/hooks/use-theme";
 
 export function ThemeColorManager() {
-  const { theme } = useTheme()
+	const { theme } = useTheme();
 
-  useEffect(() => {
-    const updateThemeColor = () => {
-      const currentTheme = theme
-      const meta = document.querySelector('meta[name="theme-color"]')
+	useEffect(() => {
+		const updateThemeColor = () => {
+			const currentTheme = theme;
+			const meta = document.querySelector('meta[name="theme-color"]');
 
-      if (!meta) {
-        const newMeta = document.createElement("meta")
-        newMeta.name = "theme-color"
-        document.head.appendChild(newMeta)
-      }
+			if (!meta) {
+				const newMeta = document.createElement("meta");
+				newMeta.name = "theme-color";
+				document.head.appendChild(newMeta);
+			}
 
-      const themeColor =
-        currentTheme === "dark"
-          ? "hsl(30 15% 8%)" // 深色模式背景色
-          : "hsl(0 0% 98%)" // 浅色模式背景色
+			const themeColor =
+				currentTheme === "dark"
+					? "hsl(30 15% 8%)" // 深色模式背景色
+					: "hsl(0 0% 98%)"; // 浅色模式背景色
 
-      document.querySelector('meta[name="theme-color"]')?.setAttribute("content", themeColor)
-    }
+			document
+				.querySelector('meta[name="theme-color"]')
+				?.setAttribute("content", themeColor);
+		};
 
-    // Update on mount and theme change
-    updateThemeColor()
+		// Update on mount and theme change
+		updateThemeColor();
 
-    // Listen for system theme changes
-    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)")
-    mediaQuery.addEventListener("change", updateThemeColor)
+		// Listen for system theme changes
+		const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+		mediaQuery.addEventListener("change", updateThemeColor);
 
-    return () => mediaQuery.removeEventListener("change", updateThemeColor)
-  }, [theme])
+		return () => mediaQuery.removeEventListener("change", updateThemeColor);
+	}, [theme]);
 
-  return null
+	return null;
 }