fix: formatting prettier causes build error

Author: json-q

app/post/page.tsx

@@ -13,7 +13,7 @@ export default function PostList() {
           href={post.url}
           className="!text-inherit no-underline hover:text-inherit dark:hover:text-inherit"
         >
-          <li className="mb-4 flex w-full flex-col rounded border p-4 hover:bg-slate-50 hover:shadow-sm dark:border-slate-600 dark:hover:bg-accent dark:hover:shadow-sm">
+          <li className="dark:hover:bg-accent mb-4 flex w-full flex-col rounded border p-4 hover:bg-slate-50 dark:border-slate-600">
             <h5 className="font-bold">{post.title}</h5>
             <div className="flex justify-between">
               <time className="mt-2 text-sm text-slate-400">

components/layouts/error-result.tsx

@@ -30,11 +30,11 @@ export default function ErrorResult(props: ErrorResultProps) {
           <div className="text-6xl font-bold">{props.status}</div>
         </div>
 
-        <h1 className="mt-4 text-3xl font-bold tracking-tight text-foreground sm:text-4xl">
+        <h1 className="text-foreground mt-4 text-3xl font-bold tracking-tight sm:text-4xl">
           {TipEnum[props.status].title}
         </h1>
 
-        <p className="mb-6 mt-4 text-sm text-muted-foreground">{TipEnum[props.status].tip}</p>
+        <p className="text-muted-foreground mt-4 mb-6 text-sm">{TipEnum[props.status].tip}</p>
 
         {props.back === 'prev' ? (
           <Button variant="secondary" onClick={router.back}>

components/layouts/page-footer/index.tsx

@@ -3,9 +3,9 @@ import siteConfig from '~/config/siteConfig';
 
 export default function PageFooter() {
   return (
-    <footer className="mt-auto box-border border-t bg-zinc-50 p-2 dark:bg-zinc-900 md:p-4">
+    <footer className="mt-auto box-border border-t bg-zinc-50 p-2 md:p-4 dark:bg-zinc-900">
       <div className="flex flex-col items-center space-y-4 text-center">
-        <div className="flex flex-col items-center gap-4 text-sm text-zinc-600 dark:text-zinc-300 md:flex-row md:text-base">
+        <div className="flex flex-col items-center gap-4 text-sm text-zinc-600 md:flex-row md:text-base dark:text-zinc-300">
           <span aria-label="copyright">©2025 风希落</span>
           <Link
             aria-label="beian"

components/layouts/page-header/doc-search.tsx

@@ -37,7 +37,7 @@ export default function DocSearch() {
     return (
       <Link
         href={href}
-        className="relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-4 py-3 text-sm text-inherit outline-none hover:bg-accent hover:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
+        className="hover:bg-accent hover:text-accent-foreground relative flex cursor-pointer items-center gap-2 rounded-sm px-4 py-3 text-sm text-inherit outline-none select-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
       >
         {children}
       </Link>
@@ -50,10 +50,10 @@ export default function DocSearch() {
         <div className="hidden md:block">
           <Button
             variant="outline"
-            className="relative h-8 w-full justify-start rounded-[0.5rem] bg-muted/50 text-sm font-normal text-muted-foreground shadow-none sm:pr-12 md:w-32 lg:w-48 xl:w-56"
+            className="bg-muted/50 text-muted-foreground relative h-8 w-full justify-start rounded-[0.5rem] text-sm font-normal shadow-none sm:pr-12 md:w-32 lg:w-48 xl:w-56"
           >
             <span className="inline-flex">Try Search</span>
-            <kbd className="pointer-events-none absolute right-[0.3rem] top-[0.3rem] hidden h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 sm:flex">
+            <kbd className="bg-muted pointer-events-none absolute top-[0.3rem] right-[0.3rem] hidden h-5 items-center gap-1 rounded border px-1.5 font-mono text-[10px] font-medium opacity-100 select-none sm:flex">
               <span className="text-xs">⌘</span>K
             </kbd>
           </Button>
@@ -67,7 +67,7 @@ export default function DocSearch() {
         </DialogHeader>
 
         <div className="flex items-center border-b px-3">
-          <Search className="mr-2 h-4 w-4 shrink-0 opacity-50" />
+          <Search className="mr-2 size-4 shrink-0 opacity-50" />
           <Input
             className="border-none focus-visible:ring-0"
             placeholder="搜索文章"
@@ -83,7 +83,7 @@ export default function DocSearch() {
           </div>
         )}
         {searchList.length > 0 && (
-          <ScrollArea className="max-h-[300px] overflow-y-auto overflow-x-hidden px-2 py-1 text-foreground md:max-h-[calc(100vh-300px)]">
+          <ScrollArea className="text-foreground max-h-[300px] overflow-x-hidden overflow-y-auto px-2 py-1 md:max-h-[calc(100vh-300px)]">
             {searchList.map((item) => {
               if (item.doc.type == 'heading') {
                 return (
@@ -97,7 +97,7 @@ export default function DocSearch() {
                   <File />
                   <div>
                     <div className="line-clamp-2 w-full">{item.doc.content}</div>
-                    <div className="overflow-hidden text-xs font-bold text-muted-foreground">
+                    <div className="text-muted-foreground overflow-hidden text-xs font-bold">
                       {item.doc.headings}
                     </div>
                   </div>

components/layouts/page-header/index.tsx

@@ -8,7 +8,7 @@ import DocSearch from './doc-search';
 
 export default function PageHeader() {
   return (
-    <header className="border-grid sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
+    <header className="border-grid bg-background/95 supports-[backdrop-filter]:bg-background/60 sticky top-0 z-50 w-full border-b backdrop-blur">
       <div className="container-wrapper">
         <div className="container flex h-14 items-center">
           <PCNav />
@@ -24,10 +24,10 @@ export default function PageHeader() {
                   asChild
                   variant="ghost"
                   size="icon"
-                  className="h-8 w-8 px-0"
+                  className="size-8 px-0"
                 >
                   <Link href={item.href} target="_blank" rel="noreferrer">
-                    <item.icon className="h-4 w-4" />
+                    <item.icon className="size-4" />
                     <span className="sr-only">{item.title}</span>
                   </Link>
                 </Button>

components/layouts/page-header/mobile-nav.tsx

@@ -21,7 +21,7 @@ export default function MobileNav() {
         <DropdownMenuTrigger asChild>
           <Button
             variant="ghost"
-            className="-ml-2 mr-2 h-8 w-8 px-0 text-base hover:bg-transparent focus-visible:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0 md:hidden"
+            className="mr-2 -ml-2 size-8 px-0 text-base hover:bg-transparent focus-visible:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0 md:hidden"
           >
             <svg
               xmlns="http://www.w3.org/2000/svg"

components/layouts/page-header/pc-nav.tsx

@@ -11,7 +11,7 @@ export default function PCNav() {
       <nav className="flex items-center gap-4 text-sm xl:gap-6">
         {siteConfig.navs.map((item) => (
           <Link
-            className="px-4 py-2 text-foreground/80 hover:text-foreground/60"
+            className="text-foreground/80 hover:text-foreground/60 px-4 py-2"
             href={item.href}
             key={item.href}
           >

components/layouts/page-header/theme-switcher.tsx

@@ -19,7 +19,7 @@ export default function ThemeSwitcher() {
   if (!mounted) return null;
 
   return (
-    <Button variant="ghost" className="group/toggle h-8 w-8 px-0" onClick={toggleTheme}>
+    <Button variant="ghost" className="size-8 px-0" onClick={toggleTheme}>
       <SunIcon className="hidden [html.dark_&]:block" />
       <MoonIcon className="hidden [html.light_&]:block" />
       <span className="sr-only">Toggle theme</span>

components/layouts/toc-tree.tsx

@@ -89,7 +89,7 @@ export default function TocTree(props: TocTreeProps) {
     return (
       <ul ref={tocRef} className="m-o list-none p-0 text-sm">
         {list.map(({ title, id, depth }, i) => (
-          <li key={id} className="mb-2 mt-0 p-0">
+          <li key={id} className="mt-0 mb-2 p-0">
             <a
               href={`#${id}`}
               className={cn('text-zinc-700 no-underline hover:text-blue-400 dark:text-zinc-100', {
@@ -109,7 +109,7 @@ export default function TocTree(props: TocTreeProps) {
     return (
       <Sheet>
         <SheetTrigger>
-          <CircleArrowLeft className="fixed right-0 top-1/4 z-20 h-7 w-7 translate-y-1/4 text-blue-600" />
+          <CircleArrowLeft className="fixed top-1/4 right-0 z-20 h-7 w-7 translate-y-1/4 text-blue-600" />
         </SheetTrigger>
         <SheetContent className="overflow-y-auto p-4">
           <SheetHeader className="sr-only">

components/markdown/m-pre.tsx

@@ -56,7 +56,7 @@ const MPre = (props: MPreProps): ReactElement => {
       <button onClick={handleClick} tabIndex={0} className="copy-btn">
         <IconToUse
           className={cn(
-            'block h-8 w-8 rounded border !bg-slate-200 p-1 text-slate-400 dark:!bg-slate-600',
+            'block size-8 rounded border !bg-slate-200 p-1 text-slate-400 dark:!bg-slate-600',
             {
               '!bg-blue-200 text-blue-400 dark:!bg-blue-600': isCopied,
             },