zoeissleeping/100DaysOfCode
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

small update before zzz

Browse Source
This commit is contained in:
Zoe
2022-09-27 22:59:31 -05:00
parent 2040570ea2
commit 76f93f24e3
4 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
day5/src/components/routerLink.ts
View File

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

1
day5/src/main.ts
View File

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

2
day5/src/pages/subroute/page.ts
View File

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

5
day5/src/style.css
View File

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