svelte spa router 추가

@@ -18,5 +18,6 @@
   "dependencies": {
   "dependencies": {
     "rollup-plugin-copy": "^3.3.0",
     "rollup-plugin-copy": "^3.3.0",
     "sirv-cli": "^0.4.4",
     "sirv-cli": "^0.4.4",
+    "svelte-spa-router": "^2.1.0"
   }
   }
 }
 }

 <script>
 <script>
-	export let name;
+	import Router from 'svelte-spa-router';
+	import routes from './routes';
 </script>
 </script>
 
 
-<main>
-	<h1>Hello {name}!</h1>
-	<p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p>
-</main>
-
-<style>
-	main {
-		text-align: center;
-		padding: 1em;
-		max-width: 240px;
-		margin: 0 auto;
-	}
-
-	h1 {
-		color: #ff3e00;
-		text-transform: uppercase;
-		font-size: 4em;
-		font-weight: 100;
-	}
-
-	@media (min-width: 640px) {
-		main {
-			max-width: none;
-		}
-	}
-</style>
\ No newline at end of file
+<Router {routes} />
\ No newline at end of file

+import Home from './routes/Home.svelte';
+
+const routes = {
+  '/': Home,
+};
+
+export default routes;
\ No newline at end of file

+<main>
+	<h1>Hello, This is Home!</h1>
+	<p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p>
+</main>
+
+<style>
+	main {
+		text-align: center;
+		padding: 1em;
+		max-width: 240px;
+		margin: 0 auto;
+	}
+
+	h1 {
+		color: #ff3e00;
+		text-transform: uppercase;
+		font-size: 4em;
+		font-weight: 100;
+	}
+
+	@media (min-width: 640px) {
+		main {
+			max-width: none;
+		}
+	}
+</style>
\ No newline at end of file