From b3329253ed1a4480feffaa9aaacaa4ea6a453c49 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 26 Sep 2023 12:46:32 +0200
Subject: [PATCH] chore(svelte): cleanup examples

---
 examples/svelte/src/routes/overview/+page.svelte   |  2 +-
 examples/svelte/src/routes/validation/+page.svelte | 14 +++++++++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/examples/svelte/src/routes/overview/+page.svelte b/examples/svelte/src/routes/overview/+page.svelte
index ac9394ed..32bef5d0 100644
--- a/examples/svelte/src/routes/overview/+page.svelte
+++ b/examples/svelte/src/routes/overview/+page.svelte
@@ -133,7 +133,7 @@
 	fitView
 	fitViewOptions={{
 		padding: 0.1,
-		nodes: [{ id: '1' }]
+		nodes: [{ id: '1' }, { id: '2' }, { id: '3' }]
 	}}
 	minZoom={0}
 	maxZoom={Infinity}
diff --git a/examples/svelte/src/routes/validation/+page.svelte b/examples/svelte/src/routes/validation/+page.svelte
index 1c72199e..c973e193 100644
--- a/examples/svelte/src/routes/validation/+page.svelte
+++ b/examples/svelte/src/routes/validation/+page.svelte
@@ -32,9 +32,21 @@
 	const edges = writable([]);
 
 	const isValidConnection: IsValidConnection = (connection) => connection.target === 'B';
+
+	const defaultEdgeOptions = {
+		animated: true
+	};
 </script>
 
-<SvelteFlow {nodes} {edges} fitView minZoom={0.1} maxZoom={2.5} {isValidConnection}>
+<SvelteFlow
+	{nodes}
+	{edges}
+	fitView
+	minZoom={0.1}
+	maxZoom={2.5}
+	{isValidConnection}
+	{defaultEdgeOptions}
+>
 	<Controls />
 	<Background variant={BackgroundVariant.Dots} />
 </SvelteFlow>