Format project (fix lint failure)

Author: techniq

packages/svelte-ux/src/lib/components/AppBar.svelte

@@ -26,7 +26,12 @@
 </script>
 
 <header
-  class={cls('AppBar', 'px-4 flex items-center relative z-50', settingsClasses.root, $$restProps.class)}
+  class={cls(
+    'AppBar',
+    'px-4 flex items-center relative z-50',
+    settingsClasses.root,
+    $$restProps.class
+  )}
 >
   <Button icon={mdiMenu} on:click={() => ($showDrawer = !$showDrawer)} class="p-3" />
   {#if $$slots.title}

packages/svelte-ux/src/lib/components/Checkbox.svelte

@@ -47,7 +47,15 @@
   }
 </script>
 
-<div class={cls('Checkbox', 'inline-flex items-center', settingsClasses.root, classes.root, $$props.class)}>
+<div
+  class={cls(
+    'Checkbox',
+    'inline-flex items-center',
+    settingsClasses.root,
+    classes.root,
+    $$props.class
+  )}
+>
   <input
     {id}
     {name}

packages/svelte-ux/src/lib/components/Collapse.svelte

@@ -90,7 +90,10 @@
   </button>
 
   {#if open}
-    <div transition:transition={transitionParams} class={cls(settingsClasses.content, classes.content)}>
+    <div
+      transition:transition={transitionParams}
+      class={cls(settingsClasses.content, classes.content)}
+    >
       <slot {open} />
     </div>
   {/if}

packages/svelte-ux/src/lib/components/Dialog.svelte

@@ -131,7 +131,9 @@
 
       <slot name="header">
         {#if $$slots.title}
-          <div class={cls('text-xl font-bold pt-4 pb-2 px-6', settingsClasses.title, classes.title)}>
+          <div
+            class={cls('text-xl font-bold pt-4 pb-2 px-6', settingsClasses.title, classes.title)}
+          >
             <slot name="title" />
           </div>
         {/if}

packages/svelte-ux/src/lib/components/Icon.svelte

@@ -65,12 +65,12 @@
         .then((resp) => resp.text())
         .catch(() => {
           // Failed request, remove promise so fetched again
-          if (svgUrl && typeof(svgUrl) === "string") {
+          if (svgUrl && typeof svgUrl === 'string') {
             cache.delete(svgUrl);
           }
           // TODO: Consider showing error icon
           // throw e;
-          return "";
+          return '';
         });
       cache.set(svgUrl, promise);
       promise.then((text) => {

packages/svelte-ux/src/lib/components/ListItem.svelte

@@ -93,7 +93,13 @@
 
     <slot name="subheading">
       {#if subheading != null}
-        <div class={cls('text-sm text-surface-content/50', settingsClasses.subheading, classes.subheading)}>
+        <div
+          class={cls(
+            'text-sm text-surface-content/50',
+            settingsClasses.subheading,
+            classes.subheading
+          )}
+        >
           {subheading}
         </div>
       {/if}

packages/svelte-ux/src/lib/components/Maybe.svelte

@@ -1,15 +1,14 @@
 <script lang="ts">
-	let self: ConstructorOfATypedSvelteComponent | undefined | null = undefined;
-	export { self as this }
-
-	let component;
+  let self: ConstructorOfATypedSvelteComponent | undefined | null = undefined;
+  export { self as this };
 
+  let component;
 </script>
 
 {#if self}
-	<svelte:component bind:this={component} this={self} {...$$restProps}>
-		<slot {component} />
-	</svelte:component>
+  <svelte:component this={self} bind:this={component} {...$$restProps}>
+    <slot {component} />
+  </svelte:component>
 {:else}
-	<slot />
-{/if}
+  <slot />
+{/if}

packages/svelte-ux/src/lib/components/MenuItem.svelte

@@ -2,7 +2,10 @@
   import Button from './Button.svelte';
   import type { ComponentProps } from '../types';
   import { cls } from '../utils/styles';
-  import { scrollIntoView as scrollIntoViewAction, type ScrollIntoViewOptions } from '../actions/scroll';
+  import {
+    scrollIntoView as scrollIntoViewAction,
+    type ScrollIntoViewOptions,
+  } from '../actions/scroll';
   import { setButtonGroup } from './ButtonGroup.svelte';
   import { getComponentClasses } from './theme';
   import { settings, getSettings } from './settings';
@@ -22,7 +25,10 @@
   const settingsClasses = getComponentClasses('MenuItem');
 
   let scrollOptions: ScrollIntoViewOptions;
-  $: scrollOptions = typeof(scrollIntoView) === "boolean" ? { condition: scrollIntoView } as ScrollIntoViewOptions : scrollIntoView;
+  $: scrollOptions =
+    typeof scrollIntoView === 'boolean'
+      ? ({ condition: scrollIntoView } as ScrollIntoViewOptions)
+      : scrollIntoView;
 
   // Clear ButtonGroup if set
   setButtonGroup(undefined);

packages/svelte-ux/src/lib/components/MonthList.svelte

@@ -14,15 +14,15 @@
     return disabledMonths instanceof Function
       ? disabledMonths(date)
       : disabledMonths instanceof Date
-      ? isSameMonth(date, disabledMonths)
-      : disabledMonths instanceof Array
-      ? disabledMonths.some((d) => isSameMonth(date, d))
-      : disabledMonths instanceof Object
-      ? isWithinInterval(date, {
-          start: startOfMonth(disabledMonths.from),
-          end: endOfMonth(disabledMonths.to || disabledMonths.from),
-        })
-      : false;
+        ? isSameMonth(date, disabledMonths)
+        : disabledMonths instanceof Array
+          ? disabledMonths.some((d) => isSameMonth(date, d))
+          : disabledMonths instanceof Object
+            ? isWithinInterval(date, {
+                start: startOfMonth(disabledMonths.from),
+                end: endOfMonth(disabledMonths.to || disabledMonths.from),
+              })
+            : false;
   };
 </script>
 

packages/svelte-ux/src/lib/components/Pagination.svelte

@@ -44,7 +44,13 @@
 
 {#if $pagination.totalPages > 1 || !hideSinglePage}
   <div
-    class={cls('Pagination', 'flex items-center gap-1', settingsClasses.root, classes.root, $$props.class)}
+    class={cls(
+      'Pagination',
+      'flex items-center gap-1',
+      settingsClasses.root,
+      classes.root,
+      $$props.class
+    )}
   >
     {#each show as component}
       {#if component === 'actions'}