small update before zzz

day5/src/components/routerLink.ts

@@ -1,5 +1,5 @@
 export const RouterLink = (link: string, name: string) => {
     return `
-    <a href="#" d-click="event.preventDefault(); loadPage('${link}')">${name}</a>
+    <a href="${link}" d-click="event.preventDefault(); loadPage('${link}')">${name}</a>
     `
 }

day5/src/main.ts

@@ -38,6 +38,7 @@ async function loadPage(route?: string) {
         const file = await import(/* @vite-ignore */ './pages' + fileName)
         templatedVirtualDom = await eval(compileToString(eval(file.default)()))
     }
+    console.log
     documentBody.innerHTML = templatedVirtualDom
     // here we hydrate/re-hydrate the page content
     await hydratePage()

day5/src/pages/subroute/page.ts

@@ -7,7 +7,7 @@ export default () => {
         <div class="p-6 border-neutral-800 rounded-lg container__content  border">
             ${Counter()}
             <div class="flex gap-1 justify-center">
-            reutrn ${RouterLink('/', 'Home')}
+            go ${RouterLink('/subroute/deep/deeper/deepest', 'deeper')}
             </div>
         </div>
     </div>

day5/src/style.css

@@ -10,7 +10,10 @@ body {
     padding: 0;
     margin: 0;
     min-height: 100vh;
-    scrollbar-color: #27272a #27272a;
+}
+
+a:hover {
+    text-decoration: underline;
 }
 
 .container__content {