sourcemap tests

src/components/App.svelte

@@ -1,29 +1,8 @@
-<h1>__PROJECT_TITLE__</h1>
-
-<div use:links>
-    <a href="/test1">1</a>
-    <a href="/test2">2</a>
-    <a href="/test3">3</a>
-    <a href="/test4">4</a>
-    <Router url="{url}">
-        <Route path="/*path" let:params>
-            <Content path="/{params.path}" />
-        </Route>
-    </Router>
-</div>
-
-<style lang="less">
-    @import "./../css/main.less";
-    h1 {
-        color: red;
-    }
-</style>
-
 <script lang="typescript">
-    import { Router, Route, links } from "svelte-routing"
+    // import { Router, Route, links } from "svelte-routing"
     import { scrollToTop } from "svelte-scrollto"
     import { location } from "../store"
-    import Content from "./Content.svelte"
+    import Content from "./routes/Content.svelte"
 
     export let url = ""
     if (url) {
@@ -45,3 +24,26 @@
 
     if (typeof window !== "undefined") console.log("App initialized")
 </script>
+
+<style lang="less" global>
+    @import "./../css/main.less";
+    h1 {
+        color: red;
+    }
+</style>
+
+<h1>__PROJECT_TITLE__</h1>
+
+<Content path="test" />
+
+<!-- <div use:links>
+    <a href="/test1">1</a>
+    <a href="/test2">2</a>
+    <a href="/test3">3</a>
+    <a href="/test4">4</a>
+    <Router url="{url}">
+        <Route path="/*path" let:params>
+            <Content path="/{params.path}" />
+        </Route>
+    </Router>
+</div> -->

src/components/routes/Content.svelte

@@ -1,5 +1,7 @@
-<h2>{path}</h2>
-
 <script lang="typescript">
     export let path: string
+
+    console.log("Content: ", path)
 </script>
+
+<h2>{path}</h2>

src/config.ts

@@ -1,5 +1,5 @@
 // @ts-check
-import * as sentry from "./sentry"
+// import * as sentry from "./sentry"
 
 export const title = "__PROJECT_TITLE__"
 

src/css/main.less

@@ -0,0 +1,3 @@
+body {
+    background-color: #eee;
+}