diff --git a/index.html b/index.html
index feaf27c..eb9c726 100644
--- a/index.html
+++ b/index.html
@@ -2,9 +2,8 @@
{#each debates as { title, thumbnail, slug }}
(window.location.href = `/debate/${slug}`)}>
diff --git a/src/main.js b/src/main.js
index 8a909a1..57f6eca 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,8 +1,7 @@
-import './app.css'
+// Initialize the Svelte app and inject it in the DOM
import App from './App.svelte'
-
const app = new App({
- target: document.getElementById('app'),
+ target: document.body
})
export default app
diff --git a/src/routes.js b/src/routes.js
new file mode 100644
index 0000000..ad7bd21
--- /dev/null
+++ b/src/routes.js
@@ -0,0 +1,8 @@
+import HomePage from './HomePage.svelte'
+import Debate from './Debate.svelte'
+
+// Export the route definition object
+export const routes = {
+ '/debate/:slug': Debate,
+ '/': HomePage,
+}