e2e/demo.test.ts

@@ -1,4 +1,7 @@
-import { expect, test } from '@playwright/test';
+import {
+    expect,
+    test,
+} from '@playwright/test';
 
 test('home page has expected h1', async ({ page }) => {
     await page.goto('/');

src/app/types/ambient.d.ts

@@ -1,5 +1,9 @@
 declare module '*.svelte' {
-    import type { ComponentProps as SvelteComponentProps, ComponentType, Snippet } from 'svelte';
+    import type {
+        ComponentProps as SvelteComponentProps,
+        ComponentType,
+        Snippet,
+    } from 'svelte';
     import type { HTMLAttributes } from 'svelte/elements';
 
     interface Component {

src/entities/Font/index.ts

@@ -1,4 +1,8 @@
-export type { FontCategory, FontProvider, FontSubset } from './model/font';
+export type {
+    FontCategory,
+    FontProvider,
+    FontSubset,
+} from './model/font';
 export type {
     FontshareApiModel,
     FontshareDesigner,
@@ -10,4 +14,9 @@ export type {
     FontshareTag,
     FontshareWeight,
 } from './model/fontshare_fonts';
-export type { FontFiles, FontItem, FontVariant, GoogleFontsApiModel } from './model/google_fonts';
+export type {
+    FontFiles,
+    FontItem,
+    FontVariant,
+    GoogleFontsApiModel,
+} from './model/google_fonts';

src/features/CategoryFilter/index.ts

@@ -2,4 +2,8 @@ import { FONT_CATEGORIES } from './model/state';
 import { categoryFilterStore } from './store/categoryFilterStore';
 import CategoryFilter from './ui/CategoryFilter.svelte';
 
-export { CategoryFilter, categoryFilterStore, FONT_CATEGORIES };
+export {
+    CategoryFilter,
+    categoryFilterStore,
+    FONT_CATEGORIES,
+};

src/shared/shadcn/ui/badge/badge.svelte

@@ -1,5 +1,8 @@
 <script lang="ts" module>
-import { tv, type VariantProps } from 'tailwind-variants';
+import {
+    type VariantProps,
+    tv,
+} from 'tailwind-variants';
 
 export const badgeVariants = tv({
     base:
@@ -24,7 +27,10 @@ export type BadgeVariant = VariantProps<typeof badgeVariants>['variant'];
 </script>
 
 <script lang="ts">
-import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
+    type WithElementRef,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
 import type { HTMLAnchorAttributes } from 'svelte/elements';
 
 let {

src/shared/shadcn/ui/badge/index.ts

@@ -1,2 +1,5 @@
 export { default as Badge } from './badge.svelte';
-export { type BadgeVariant, badgeVariants } from './badge.svelte';
+export {
+    type BadgeVariant,
+    badgeVariants,
+} from './badge.svelte';

src/shared/shadcn/ui/button/button.svelte

@@ -1,7 +1,16 @@
 <script lang="ts" module>
-import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
-import type { HTMLAnchorAttributes, HTMLButtonAttributes } from 'svelte/elements';
+    type WithElementRef,
-import { tv, type VariantProps } from 'tailwind-variants';
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
+import type {
+    HTMLAnchorAttributes,
+    HTMLButtonAttributes,
+} from 'svelte/elements';
+import {
+    type VariantProps,
+    tv,
+} from 'tailwind-variants';
 
 export const buttonVariants = tv({
     base:

src/shared/shadcn/ui/checkbox/checkbox.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">
-import { cn, type WithoutChildrenOrChild } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
+    type WithoutChildrenOrChild,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
 import CheckIcon from '@lucide/svelte/icons/check';
 import MinusIcon from '@lucide/svelte/icons/minus';
 import { Checkbox as CheckboxPrimitive } from 'bits-ui';

src/shared/shadcn/ui/dialog/dialog-content.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">
-import { cn, type WithoutChildrenOrChild } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
+    type WithoutChildrenOrChild,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
 import XIcon from '@lucide/svelte/icons/x';
 import { Dialog as DialogPrimitive } from 'bits-ui';
 import type { Snippet } from 'svelte';

src/shared/shadcn/ui/dialog/dialog-footer.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">
-import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
+    type WithElementRef,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
 import type { HTMLAttributes } from 'svelte/elements';
 
 let {

src/shared/shadcn/ui/dialog/dialog-header.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">
-import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
+    type WithElementRef,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
 import type { HTMLAttributes } from 'svelte/elements';
 
 let {

src/shared/shadcn/ui/input/input.svelte

@@ -1,6 +1,12 @@
 <script lang="ts">
-import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
-import type { HTMLInputAttributes, HTMLInputTypeAttribute } from 'svelte/elements';
+    type WithElementRef,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
+import type {
+    HTMLInputAttributes,
+    HTMLInputTypeAttribute,
+} from 'svelte/elements';
 
 type InputType = Exclude<HTMLInputTypeAttribute, 'file'>;
 

src/shared/shadcn/ui/sheet/sheet-content.svelte

@@ -1,5 +1,8 @@
 <script lang="ts" module>
-import { tv, type VariantProps } from 'tailwind-variants';
+import {
+    type VariantProps,
+    tv,
+} from 'tailwind-variants';
 export const sheetVariants = tv({
     base:
         'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',
@@ -23,7 +26,10 @@ export type Side = VariantProps<typeof sheetVariants>['side'];
 </script>
 
 <script lang="ts">
-import { cn, type WithoutChildrenOrChild } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
+    type WithoutChildrenOrChild,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
 import XIcon from '@lucide/svelte/icons/x';
 import { Dialog as SheetPrimitive } from 'bits-ui';
 import type { Snippet } from 'svelte';

src/shared/shadcn/ui/sheet/sheet-footer.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">
-import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
+    type WithElementRef,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
 import type { HTMLAttributes } from 'svelte/elements';
 
 let {

src/shared/shadcn/ui/sheet/sheet-header.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">
-import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
+    type WithElementRef,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
 import type { HTMLAttributes } from 'svelte/elements';
 
 let {

src/shared/shadcn/ui/sidebar/context.svelte.ts

@@ -1,5 +1,8 @@
 import { IsMobile } from '$shared/shadcn/hooks/is-mobile.svelte.js';
-import { getContext, setContext } from 'svelte';
+import {
+    getContext,
+    setContext,
+} from 'svelte';
 import { SIDEBAR_KEYBOARD_SHORTCUT } from './constants.js';
 
 type Getter<T> = () => T;

src/shared/shadcn/ui/sidebar/sidebar-content.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">
-import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
+    type WithElementRef,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
 import type { HTMLAttributes } from 'svelte/elements';
 
 let {

src/shared/shadcn/ui/sidebar/sidebar-footer.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">
-import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
+    type WithElementRef,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
 import type { HTMLAttributes } from 'svelte/elements';
 
 let {

src/shared/shadcn/ui/sidebar/sidebar-group-action.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">
-import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
+    type WithElementRef,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
 import type { Snippet } from 'svelte';
 import type { HTMLButtonAttributes } from 'svelte/elements';
 

src/shared/shadcn/ui/sidebar/sidebar-group-content.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">
-import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
+    type WithElementRef,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
 import type { HTMLAttributes } from 'svelte/elements';
 
 let {

src/shared/shadcn/ui/sidebar/sidebar-group-label.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">
-import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
+    type WithElementRef,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 

src/shared/shadcn/ui/sidebar/sidebar-group.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">
-import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
+    type WithElementRef,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
 import type { HTMLAttributes } from 'svelte/elements';
 
 let {

src/shared/shadcn/ui/sidebar/sidebar-header.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">
-import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
+    type WithElementRef,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
 import type { HTMLAttributes } from 'svelte/elements';
 
 let {

src/shared/shadcn/ui/sidebar/sidebar-inset.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">
-import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
+    type WithElementRef,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
 import type { HTMLAttributes } from 'svelte/elements';
 
 let {

src/shared/shadcn/ui/sidebar/sidebar-menu-action.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">
-import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
+    type WithElementRef,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
 import type { Snippet } from 'svelte';
 import type { HTMLButtonAttributes } from 'svelte/elements';
 

src/shared/shadcn/ui/sidebar/sidebar-menu-badge.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">
-import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
+    type WithElementRef,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
 import type { HTMLAttributes } from 'svelte/elements';
 
 let {

src/shared/shadcn/ui/sidebar/sidebar-menu-button.svelte

@@ -1,5 +1,8 @@
 <script lang="ts" module>
-import { tv, type VariantProps } from 'tailwind-variants';
+import {
+    type VariantProps,
+    tv,
+} from 'tailwind-variants';
 
 export const sidebarMenuButtonVariants = tv({
     base:
@@ -31,12 +34,15 @@ export type SidebarMenuButtonSize = VariantProps<typeof sidebarMenuButtonVariant
 <script lang="ts">
 import * as Tooltip from '$shared/shadcn/ui/tooltip/index.js';
 import {
-    cn,
     type WithElementRef,
     type WithoutChildrenOrChild,
+    cn,
 } from '$shared/shadcn/utils/shadcn-utils.js';
 import { mergeProps } from 'bits-ui';
-import type { ComponentProps, Snippet } from 'svelte';
+import type {
+    ComponentProps,
+    Snippet,
+} from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 import { useSidebar } from './context.svelte.js';
 

src/shared/shadcn/ui/sidebar/sidebar-menu-item.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">
-import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
+    type WithElementRef,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
 import type { HTMLAttributes } from 'svelte/elements';
 
 let {

src/shared/shadcn/ui/sidebar/sidebar-menu-skeleton.svelte

@@ -1,6 +1,9 @@
 <script lang="ts">
 import { Skeleton } from '$shared/shadcn/ui/skeleton/index.js';
-import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
+    type WithElementRef,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
 import type { HTMLAttributes } from 'svelte/elements';
 
 let {

src/shared/shadcn/ui/sidebar/sidebar-menu-sub-button.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">
-import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
+    type WithElementRef,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
 import type { Snippet } from 'svelte';
 import type { HTMLAnchorAttributes } from 'svelte/elements';
 

src/shared/shadcn/ui/sidebar/sidebar-menu-sub-item.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">
-import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
+    type WithElementRef,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
 import type { HTMLAttributes } from 'svelte/elements';
 
 let {

src/shared/shadcn/ui/sidebar/sidebar-menu-sub.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">
-import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
+    type WithElementRef,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
 import type { HTMLAttributes } from 'svelte/elements';
 
 let {

src/shared/shadcn/ui/sidebar/sidebar-menu.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">
-import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
+    type WithElementRef,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
 import type { HTMLAttributes } from 'svelte/elements';
 
 let {

src/shared/shadcn/ui/sidebar/sidebar-provider.svelte

@@ -1,6 +1,9 @@
 <script lang="ts">
 import * as Tooltip from '$shared/shadcn/ui/tooltip/index.js';
-import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
+    type WithElementRef,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
 import type { HTMLAttributes } from 'svelte/elements';
 import {
     SIDEBAR_COOKIE_MAX_AGE,

src/shared/shadcn/ui/sidebar/sidebar-rail.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">
-import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
+    type WithElementRef,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
 import type { HTMLAttributes } from 'svelte/elements';
 import { useSidebar } from './context.svelte.js';
 

src/shared/shadcn/ui/sidebar/sidebar.svelte

@@ -1,6 +1,9 @@
 <script lang="ts">
 import * as Sheet from '$shared/shadcn/ui/sheet/index.js';
-import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
+import {
+    type WithElementRef,
+    cn,
+} from '$shared/shadcn/utils/shadcn-utils.js';
 import type { HTMLAttributes } from 'svelte/elements';
 import { SIDEBAR_WIDTH_MOBILE } from './constants.js';
 import { useSidebar } from './context.svelte.js';

src/shared/shadcn/ui/skeleton/skeleton.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
 import {
-    cn,
     type WithElementRef,
     type WithoutChildren,
+    cn,
 } from '$shared/shadcn/utils/shadcn-utils.js';
 import type { HTMLAttributes } from 'svelte/elements';
 

src/shared/shadcn/utils/shadcn-utils.ts

@@ -1,4 +1,7 @@
-import { type ClassValue, clsx } from 'clsx';
+import {
+    type ClassValue,
+    clsx,
+} from 'clsx';
 import { twMerge } from 'tailwind-merge';
 
 /**

src/shared/store/createFilterStore.ts

@@ -1,4 +1,9 @@
-import { derived, type Readable, type Writable, writable } from 'svelte/store';
+import {
+    type Readable,
+    type Writable,
+    derived,
+    writable,
+} from 'svelte/store';
 
 export interface Category {
     /**