From 3dce3749e24946dd216534459dedbb90c61b207a Mon Sep 17 00:00:00 2001
From: ykrods <890082+ykrods@users.noreply.github.com>
Date: Mon, 2 Sep 2024 19:14:27 +0900
Subject: [PATCH] Minor changes

---
 src/Router.svelte          |  4 ++--
 src/pages/Dialog.svelte    |  2 +-
 src/ui/Confirmation.svelte | 10 ++++++----
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/Router.svelte b/src/Router.svelte
index 8d19a44..6c009e0 100644
--- a/src/Router.svelte
+++ b/src/Router.svelte
@@ -4,12 +4,12 @@
   import NotFound from "$src/pages/NotFound.svelte";
 
   const routes = {
-    "#Home": () => import("$src/pages/Home.svelte"),
+    "#Home": () => import("./pages/Home.svelte"),
     "#Form-basic": () => import("./pages/FormBasic.svelte"),
     "#Form-reactive": () => import("./pages/FormReactive.svelte"),
     "#Dropdown": () => import("./pages/Dropdown.svelte"),
     "#Dialog": () => import("./pages/Dialog.svelte"),
-    "#ProgressRing": () => import("$src/pages/ProgressRing.svelte"),
+    "#ProgressRing": () => import("./pages/ProgressRing.svelte"),
   };
 
   let RouteComponent: Component = $state();
diff --git a/src/pages/Dialog.svelte b/src/pages/Dialog.svelte
index 7b5af97..fb06e90 100644
--- a/src/pages/Dialog.svelte
+++ b/src/pages/Dialog.svelte
@@ -12,7 +12,7 @@
   <div>
     <Confirmation
       bind:open
-      title="Confirmation"
+      label="Confirmation"
       onConfirm={() => { result = "confirmed"; }}
       onCancel={() => { result = "canceled"; }}
     >
diff --git a/src/ui/Confirmation.svelte b/src/ui/Confirmation.svelte
index fb597c8..036581c 100644
--- a/src/ui/Confirmation.svelte
+++ b/src/ui/Confirmation.svelte
@@ -1,23 +1,25 @@
 <script lang="ts">
   import type { Snippet } from "svelte";
 
-  import "@shoelace-style/shoelace/dist/components/dialog/dialog";
+  import SlDialog from "@shoelace-style/shoelace/dist/components/dialog/dialog";
 
   import { SLButton } from "$src/shoelace";
 
+  type Props = Partial<SlDialog>;
+
   let {
     open = $bindable(false),
-    title = "",
     onConfirm = null,
     onCancel = null,
     children,
+    ...props
   }: {
     open: boolean
     title: string
     onConfirm?: () => any
     onCancel?: () => any
     children: Snippet
-  } = $props();
+  } & Props = $props();
 
   let dialog;
   let confirmed = $state(false);
@@ -50,7 +52,7 @@
     }
   });
 </script>
-<sl-dialog bind:this={dialog} label={title}>
+<sl-dialog bind:this={dialog} {...props}>
   {@render children()}
   <div slot="footer">
     <SLButton