fix examples

Author: ignatiusmb

README.md

@@ -133,7 +133,7 @@ It also supports conditionally loading any external scripts for analytics, perfo
 	import Dialog from 'syv/core/Dialog.svelte';
 
 	import type { ComponentProps } from 'svelte';
-	type Props = Omit<ComponentProps<typeof Dialog>, 'children'> & {
+	interface Props extends Omit<ComponentProps<typeof Dialog>, 'children'> {
 		// your own props
 	}
 	let props: Props = $props();
@@ -148,9 +148,8 @@ It also supports conditionally loading any external scripts for analytics, perfo
 		'--padding': '1rem 1.5rem 1.5rem', // adjust padding as needed
 	}}
 >
-	{#snippet children({ forward })}
-		<!-- structure your own dialog content here -->
-	{/snippet}
+	<!-- structure your own dialog content here -->
+	<button onclick={props.onclose}>close</button>
 </Dialog>
 
 <style>

src/routes/ExampleDialog.svelte

@@ -2,18 +2,16 @@
 	import Dialog from '$lib/core/Dialog.svelte';
 	import type { ComponentProps } from 'svelte';
 
-	type Props = Omit<ComponentProps<typeof Dialog>, 'children'> & {
+	interface Props extends Omit<ComponentProps<typeof Dialog>, 'children'> {
 		required: boolean;
-	};
-	let { required = false }: Props = $props();
+	}
+	let { required = false, ...props }: Props = $props();
 </script>
 
-<Dialog {required}>
-	{#snippet children({ close })}
-		<h2>Hello from Dialog</h2>
+<Dialog {required} {...props}>
+	<h2>Hello from Dialog</h2>
 
-		<input type="text" />
+	<input type="text" />
 
-		<button onclick={close}>Close Dialog</button>
-	{/snippet}
+	<button onclick={props.onclose}>Close Dialog</button>
 </Dialog>