Files
100DaysOfCode/day7/src/main.ts
2022-09-29 23:28:58 -05:00

25 lines
638 B
TypeScript

import { Reactive } from './lib/ReactiveObject'
import { renderPage, hydratePage } from './lib/router';
import { getCookie } from './lib/cookieManager';
import '/src/style.css';
export const appState = new Reactive({
count: 0,
cookie: getCookie('username'),
text: '',
year: '',
cookiedata: ""
});
// equivalent to mounted() on svelte or vue
window.addEventListener('load', async () => {
// loadPage after all the index is loaded
if (!import.meta.env.SSR) {
await renderPage()
} else {
await hydratePage()
}
window.onpopstate = async () => {
await renderPage()
}
})