fix: fix errors and reformat code

src/components/widget/Categories.astro

@@ -1,26 +1,25 @@
 ---
-import WidgetLayout from "./WidgetLayout.astro";
+import WidgetLayout from './WidgetLayout.astro'
 
-import {i18n} from "../../i18n/translation";
-import I18nKey from "../../i18n/i18nKey";
-import {getCategoryList} from "../../utils/content-utils";
-import {getCategoryUrl} from "../../utils/url-utils";
-import ButtonLink from "../control/ButtonLink.astro";
+import { i18n } from '../../i18n/translation'
+import I18nKey from '../../i18n/i18nKey'
+import { getCategoryList } from '../../utils/content-utils'
+import { getCategoryUrl } from '../../utils/url-utils'
+import ButtonLink from '../control/ButtonLink.astro'
 
-const categories = await getCategoryList();
+const categories = await getCategoryList()
 
-const COLLAPSED_HEIGHT = "7.5rem";
-const COLLAPSE_THRESHOLD = 5;
+const COLLAPSED_HEIGHT = '7.5rem'
+const COLLAPSE_THRESHOLD = 5
 
-const isCollapsed = categories.length >= COLLAPSE_THRESHOLD;
+const isCollapsed = categories.length >= COLLAPSE_THRESHOLD
 
 interface Props {
-    class?: string;
-    style?: string;
+  class?: string
+  style?: string
 }
 const className = Astro.props.class
 const style = Astro.props.style
-
 ---
 
 <WidgetLayout name={i18n(I18nKey.categories)} id="categories" isCollapsed={isCollapsed} collapsedHeight={COLLAPSED_HEIGHT}

src/components/widget/DisplaySettings.svelte

@@ -1,17 +1,17 @@
 <script lang="ts">
-import {i18n} from '@i18n/translation';
-import I18nKey from '@i18n/i18nKey';
-import {getDefaultHue, getHue, setHue} from '@utils/setting-utils';
+import { i18n } from '@i18n/translation'
+import I18nKey from '@i18n/i18nKey'
+import { getDefaultHue, getHue, setHue } from '@utils/setting-utils'
 
 let hue = getHue()
 const defaultHue = getDefaultHue()
 
 function resetHue() {
-    hue = getDefaultHue()
+  hue = getDefaultHue()
 }
 
 $: if (hue || hue === 0) {
-    setHue(hue)
+  setHue(hue)
 }
 </script>
 

src/components/widget/NavMenuPanel.astro

@@ -1,13 +1,13 @@
 ---
-import {type NavBarLink} from "../../types/config";
-import {Icon} from "astro-icon/components";
-import {url} from "../../utils/url-utils";
+import { type NavBarLink } from '../../types/config'
+import { Icon } from 'astro-icon/components'
+import { url } from '../../utils/url-utils'
 
 interface Props {
-    links: NavBarLink[],
+  links: NavBarLink[]
 }
 
-const links = Astro.props.links;
+const links = Astro.props.links
 ---
 <div id="nav-menu-panel" class:list={["float-panel float-panel-closed absolute transition-all fixed right-4 px-2 py-2"]}>
     {links.map((link) => (

src/components/widget/Profile.astro

@@ -1,10 +1,10 @@
 ---
-import ImageWrapper from "../misc/ImageWrapper.astro";
-import {Icon} from "astro-icon/components";
-import {profileConfig} from "../../config";
-import {url} from "../../utils/url-utils";
+import ImageWrapper from '../misc/ImageWrapper.astro'
+import { Icon } from 'astro-icon/components'
+import { profileConfig } from '../../config'
+import { url } from '../../utils/url-utils'
 
-const config = profileConfig;
+const config = profileConfig
 ---
 <div class="card-base p-3">
     <a aria-label="Go to About Page" href={url('/about/')}

src/components/widget/SideBar.astro

@@ -1,9 +1,9 @@
 ---
-import Profile from "./Profile.astro";
-import Tag from "./Tags.astro";
-import Categories from "./Categories.astro";
+import Profile from './Profile.astro'
+import Tag from './Tags.astro'
+import Categories from './Categories.astro'
 
-const className = Astro.props.class;
+const className = Astro.props.class
 ---
 <div id="sidebar" class:list={[className, "w-full"]}>
     <div class="flex flex-col w-full gap-4 mb-4">

src/components/widget/Tags.astro

@@ -1,25 +1,24 @@
 ---
 
-import WidgetLayout from "./WidgetLayout.astro";
-import ButtonTag from "../control/ButtonTag.astro";
-import {getTagList} from "../../utils/content-utils";
-import {i18n} from "../../i18n/translation";
-import I18nKey from "../../i18n/i18nKey";
-import {url} from "../../utils/url-utils";
+import WidgetLayout from './WidgetLayout.astro'
+import ButtonTag from '../control/ButtonTag.astro'
+import { getTagList } from '../../utils/content-utils'
+import { i18n } from '../../i18n/translation'
+import I18nKey from '../../i18n/i18nKey'
+import { url } from '../../utils/url-utils'
 
-const tags = await getTagList();
+const tags = await getTagList()
 
-const COLLAPSED_HEIGHT = "7.5rem";
+const COLLAPSED_HEIGHT = '7.5rem'
 
-const isCollapsed = tags.length >= 20;
+const isCollapsed = tags.length >= 20
 
 interface Props {
-    class?: string;
-    style?: string;
+  class?: string
+  style?: string
 }
 const className = Astro.props.class
 const style = Astro.props.style
-
 ---
 <WidgetLayout name={i18n(I18nKey.tags)} id="tags" isCollapsed={isCollapsed} collapsedHeight={COLLAPSED_HEIGHT} class={className} style={style}>
     <div class="flex gap-2 flex-wrap">

src/components/widget/WidgetLayout.astro

@@ -1,25 +1,18 @@
 ---
-import { Icon } from 'astro-icon/components';
-import {i18n} from "../../i18n/translation";
-import I18nKey from "../../i18n/i18nKey";
+import { Icon } from 'astro-icon/components'
+import { i18n } from '../../i18n/translation'
+import I18nKey from '../../i18n/i18nKey'
 interface Props {
-    id: string;
-    name?: string;
-    isCollapsed?: boolean;
-    collapsedHeight?: string;
-    class?: string;
-    style?: string;
+  id: string
+  name?: string
+  isCollapsed?: boolean
+  collapsedHeight?: string
+  class?: string
+  style?: string
 }
-const props = Astro.props;
-const {
-    id,
-    name,
-    isCollapsed,
-    collapsedHeight,
-    style,
-} = Astro.props
+const props = Astro.props
+const { id, name, isCollapsed, collapsedHeight, style } = Astro.props
 const className = Astro.props.class
-
 ---
 <widget-layout data-id={id} data-is-collapsed={String(isCollapsed)} class={"pb-4 card-base " + className} style={style}>
     <div class="font-bold transition text-lg text-neutral-900 dark:text-neutral-100 relative ml-8 mt-4 mb-2