Autoformat

src/lib/components/Icon.svelte

@@ -1,18 +1,25 @@
+<style>
+  div {
+    mask-repeat: none;
+    mask-size: 100% 100%;
+  }
+</style>
+
 <script lang="ts">
-  import cx from 'classnames'
-  import {switcher} from '@welshman/lib'
-  import AddSquare from 'assets/icons/Add Square.svg?dataurl'
-  import AddCircle from 'assets/icons/Add Circle.svg?dataurl'
-  import AltArrowRight from 'assets/icons/Alt Arrow Right.svg?dataurl'
-  import ClipboardText from 'assets/icons/Clipboard Text.svg?dataurl'
-  import Compass from 'assets/icons/Compass.svg?dataurl'
-  import CompassBig from 'assets/icons/Compass Big.svg?dataurl'
-  import HandPills from 'assets/icons/Hand Pills.svg?dataurl'
-  import HomeSmile from 'assets/icons/Home Smile.svg?dataurl'
-  import Plain from 'assets/icons/Plain.svg?dataurl'
-  import Settings from 'assets/icons/Settings.svg?dataurl'
-  import UFO3 from 'assets/icons/UFO 3.svg?dataurl'
-  import UserHeart from 'assets/icons/User Heart.svg?dataurl'
+  import cx from "classnames"
+  import {switcher} from "@welshman/lib"
+  import AddSquare from "assets/icons/Add Square.svg?dataurl"
+  import AddCircle from "assets/icons/Add Circle.svg?dataurl"
+  import AltArrowRight from "assets/icons/Alt Arrow Right.svg?dataurl"
+  import ClipboardText from "assets/icons/Clipboard Text.svg?dataurl"
+  import Compass from "assets/icons/Compass.svg?dataurl"
+  import CompassBig from "assets/icons/Compass Big.svg?dataurl"
+  import HandPills from "assets/icons/Hand Pills.svg?dataurl"
+  import HomeSmile from "assets/icons/Home Smile.svg?dataurl"
+  import Plain from "assets/icons/Plain.svg?dataurl"
+  import Settings from "assets/icons/Settings.svg?dataurl"
+  import UFO3 from "assets/icons/UFO 3.svg?dataurl"
+  import UserHeart from "assets/icons/User Heart.svg?dataurl"
 
   export let icon
   export let size = 5
@@ -20,18 +27,18 @@
   const px = size * 4
 
   const data = switcher(icon, {
-    'add-square': AddSquare,
-    'add-circle': AddCircle,
-    'alt-arrow-right': AltArrowRight,
-    'clipboard-text': ClipboardText,
-    'compass': Compass,
-    'compass-big': CompassBig,
-    'hand-pills': HandPills,
-    'home-smile': HomeSmile,
-    'plain': Plain,
-    'settings': Settings,
-    'ufo-3': UFO3,
-    'user-heart': UserHeart,
+    "add-square": AddSquare,
+    "add-circle": AddCircle,
+    "alt-arrow-right": AltArrowRight,
+    "clipboard-text": ClipboardText,
+    compass: Compass,
+    "compass-big": CompassBig,
+    "hand-pills": HandPills,
+    "home-smile": HomeSmile,
+    plain: Plain,
+    settings: Settings,
+    "ufo-3": UFO3,
+    "user-heart": UserHeart,
   })
 
   if (!data) {
@@ -42,10 +49,3 @@
 <div
   class={cx($$props.class, "bg-base-content")}
   style="mask-image: url({data}); width: {px}px; height: {px}px; min-width: {px}px; min-height: {px}px;" />
-
-<style>
-  div {
-    mask-repeat: none;
-    mask-size: 100% 100%;
-  }
-</style>

src/lib/components/PrimaryNavItem.svelte

@@ -2,8 +2,10 @@
   export let title
 </script>
 
-<div class="relative z-nav-item flex justify-center items-center w-14 h-14">
-  <div class="avatar rounded-full p-1 bg-base-300 cursor-pointer tooltip tooltip-right" data-tip={title}>
+<div class="relative z-nav-item flex h-14 w-14 items-center justify-center">
+  <div
+    class="avatar tooltip tooltip-right cursor-pointer rounded-full bg-base-300 p-1"
+    data-tip={title}>
     <slot />
   </div>
 </div>

src/lib/components/SecondaryNavItem.svelte

@@ -3,8 +3,10 @@
   export let active
 </script>
 
-<a {href} class="button group hover:bg-base-100 transition-all justify-start border-none">
-  <div class="flex items-center gap-3 group-hover:brightness=[1.5]" class:group-hover:brightness-[1.4]={active}>
+<a {href} class="button group justify-start border-none transition-all hover:bg-base-100">
+  <div
+    class="group-hover:brightness=[1.5] flex items-center gap-3"
+    class:group-hover:brightness-[1.4]={active}>
     <slot />
   </div>
 </a>