chore(prettier): update config and format code

Author: xbubbo

biome.json

@@ -7,7 +7,8 @@
       "**/dist/**",
       "**/node_modules/**",
       "**/assets/bundled/**",
-      "*.min.json"
+      "*.min.json",
+      "**/.astro/"
     ]
   },
   "linter": {
@@ -20,7 +21,8 @@
       "**/dist/**",
       "**/node_modules/**",
       "**/assets/bundled/**",
-      "*.min.json"
+      "*.min.json",
+      "**/.astro/"
     ]
   },
   "formatter": {
@@ -34,7 +36,8 @@
       "**/dist/**",
       "**/node_modules/**",
       "**/assets/bundled/**",
-      "*.min.json"
+      "*.min.json",
+      "**/.astro/"
     ]
   },
   "javascript": {

prettier.config.js

@@ -1,6 +1,6 @@
 /** @type {import("prettier").Config} */
 export default {
-  printWidth: 170,
+  printWidth: 250,
   semi: true,
   singleQuote: false,
   tabWidth: 2,

src/components/AssetCard.astro

@@ -13,9 +13,7 @@ export const prerender = false;
 <button data-asset={JSON.stringify(asset)}>
   <div class="relative group cursor-pointer transition-all duration-150 hover:scale-105">
     <Image loading="lazy" src={asset.image} alt={asset.name} height={145} width={145} class="h-36 aspect-square object-cover rounded-md transition-all duration-150" />
-    <div
-      class="absolute bottom-0 left-0 w-full h-full bg-black/20 opacity-0 group-hover:opacity-100 rounded-b-md duration-150 flex items-end p-2 px-4 font-semibold transition-all z-10"
-    >
+    <div class="absolute bottom-0 left-0 w-full h-full bg-black/20 opacity-0 group-hover:opacity-100 rounded-b-md duration-150 flex items-end p-2 px-4 font-semibold transition-all z-10">
       <section class="inline-flex items-center gap-2 text-white" class:list={{ "text-red-600": asset.error, "text-yellow-400": asset.partial }}>
         {asset.custom && <UserRoundPlus class="size-5" />}
         {asset.partial && <CircleAlert class="size-5" />}

src/components/Dropdown.astro

@@ -23,10 +23,7 @@ const { id, text, menu } = Astro.props;
     </svg>
   </button>
 
-  <div
-    id={id}
-    class="z-10 hidden divide-y divide-gray-100 rounded-lg shadow-lg bg-background max-h-60 overflow-auto absolute top-full left-0 mt-2 w-auto min-w-[160px] transition-all duration-300 ease-in-out"
-  >
+  <div id={id} class="z-10 hidden divide-y divide-gray-100 rounded-lg shadow-lg bg-background max-h-60 overflow-auto absolute top-full left-0 mt-2 w-auto min-w-[160px] transition-all duration-300 ease-in-out">
     <ul class="py-2 text-sm text-gray-200">
       {
         menu.map((item) => (

src/pages/index.astro

@@ -11,12 +11,7 @@ import { Search } from "lucide-astro";
     <div class="items-center justify-center w-full max-w-screen-md">
       <form class="relative">
         <Search class="absolute left-3 top-1/2 transform -translate-y-1/2 h-5 w-5 text-interactive-secondary" />
-        <input
-          id="search"
-          class="h-15 w-full border px-3 text-sm pl-10 py-6 bg-interactive border-border text-text focus:outline-none rounded-xl"
-          placeholder="Search or type a URL"
-          type="search"
-        />
+        <input id="search" class="h-15 w-full border px-3 text-sm pl-10 py-6 bg-interactive border-border text-text focus:outline-none rounded-xl" placeholder="Search or type a URL" type="search" />
       </form>
     </div>
   </div>

src/pages/settings.astro

@@ -90,11 +90,7 @@ import {
           <input id="custom-icon" placeholder="Custom Tab Icon" class="w-full outline-none bg-transparent text-text text-sm" />
         </div>
       </SettingsCard>
-      <SettingsCard
-        description="Quickly open another website that will replace the current website by pressing a button. (This is also the site that is opened when you cloak the site.)"
-        title="Panic Key"
-        Icon={Siren}
-      >
+      <SettingsCard description="Quickly open another website that will replace the current website by pressing a button. (This is also the site that is opened when you cloak the site.)" title="Panic Key" Icon={Siren}>
         <div class="flex px-4 py-3 rounded-md border-2 border-border overflow-hidden w-full mt-2 mb-2">
           <input id="key" placeholder="Panic Key" class="w-full outline-none bg-transparent text-text text-sm" />
         </div>

src/pages/tabs.astro

@@ -41,12 +41,7 @@ import {
       </button>
     </div>
     <div class="flex-grow flex items-center justify-center mx-4">
-      <input
-        type="text"
-        placeholder="Search or enter a new URL"
-        id="inp"
-        class="w-full h-9 px-4 rounded-md text-text border border-border bg-background-secondary shadow-sm outline-none focus:ring-1 focus:ring-accent placeholder:text-placeholder"
-      />
+      <input type="text" placeholder="Search or enter a new URL" id="inp" class="w-full h-9 px-4 rounded-md text-text border border-border bg-background-secondary shadow-sm outline-none focus:ring-1 focus:ring-accent placeholder:text-placeholder" />
     </div>
     <div class="flex items-center space-x-2">
       <button title="Fullscreen" id="fullscreen" class="flex items-center justify-center p-2 rounded-full hover:bg-interactive">