From 9fb65bd5bf370adfca330f581b3a7aaec9d0bd7c Mon Sep 17 00:00:00 2001
From: Tom Most <twm@freecog.net>
Date: Sun, 3 Nov 2024 23:06:05 -0800
Subject: [PATCH] npm run prettier

---
 src/lib/FracInput.svelte  | 20 ++++++++++----------
 src/lib/Layout.svelte     |  4 ++--
 src/lib/PartList.svelte   | 11 ++++++-----
 src/routes/+layout.svelte |  4 ++--
 4 files changed, 20 insertions(+), 19 deletions(-)

diff --git a/src/lib/FracInput.svelte b/src/lib/FracInput.svelte
index 0fa7e87..d06369e 100644
--- a/src/lib/FracInput.svelte
+++ b/src/lib/FracInput.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { run } from 'svelte/legacy';
+    import { run } from "svelte/legacy"
 
     import { frac, parseFrac } from "$lib/frac"
 
@@ -26,12 +26,12 @@
     }
 
     interface Props {
-        id: string;
-        value: number;
-        min?: number | null;
-        max?: number | null;
-        step?: number | null;
-        required?: boolean;
+        id: string
+        value: number
+        min?: number | null
+        max?: number | null
+        step?: number | null
+        required?: boolean
     }
 
     let {
@@ -40,8 +40,8 @@
         min = null,
         max = null,
         step = null,
-        required = false
-    }: Props = $props();
+        required = false,
+    }: Props = $props()
 
     let focused: boolean = $state(false)
     let input: HTMLInputElement = $state()
@@ -60,7 +60,7 @@
                 displayValue = rawValue
             }
         }
-    });
+    })
 </script>
 
 <span class="range">
diff --git a/src/lib/Layout.svelte b/src/lib/Layout.svelte
index 19229f5..d898a7d 100644
--- a/src/lib/Layout.svelte
+++ b/src/lib/Layout.svelte
@@ -1,9 +1,9 @@
 <script>
     interface Props {
-        children?: import('svelte').Snippet;
+        children?: import("svelte").Snippet
     }
 
-    let { children }: Props = $props();
+    let { children }: Props = $props()
 </script>
 
 <div class="wrapper">
diff --git a/src/lib/PartList.svelte b/src/lib/PartList.svelte
index 94414d2..013fd03 100644
--- a/src/lib/PartList.svelte
+++ b/src/lib/PartList.svelte
@@ -14,11 +14,12 @@
     }
 
     let gap = 0.5
-    let totalWidth = $derived($parts.reduce((max, part) => Math.max(max, part.length), 0))
-    let totalHeight = $derived($parts.reduce(
-        (total, part) => total + (part.width + gap) * part.count,
-        -gap
-    ))
+    let totalWidth = $derived(
+        $parts.reduce((max, part) => Math.max(max, part.length), 0)
+    )
+    let totalHeight = $derived(
+        $parts.reduce((total, part) => total + (part.width + gap) * part.count, -gap)
+    )
 </script>
 
 <h2>Part List</h2>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index f5e60f8..657054b 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -2,10 +2,10 @@
     import normalizeCss from "$lib/vendor/normalize.css/normalize-8.0.1.css?url"
     import stylesCss from "$lib/styles.css?url"
     interface Props {
-        children?: import('svelte').Snippet;
+        children?: import("svelte").Snippet
     }
 
-    let { children }: Props = $props();
+    let { children }: Props = $props()
 </script>
 
 <svelte:head>