+
+ `;
+}
+
+export const layout = 'default'
\ No newline at end of file
diff --git a/day9/src/pages/page2.ts b/day9/src/pages/page2.ts
new file mode 100644
index 0000000..76f7e87
--- /dev/null
+++ b/day9/src/pages/page2.ts
@@ -0,0 +1,22 @@
+import { Counter } from '../components/counter';
+import { TextInput } from '../components/textInput';
+import { RouterLink } from '../components/routerLink';
+import { CookieInput } from '../components/cookieInput';
+
+export default () => {
+ return `
+
+ ${Counter()}
+
+ ${TextInput()} +
+ ${HtmlInput()} +
+ 1 + 2 = {1 + 2} +
+
+ + ${TextInput()} +
+ ${HtmlInput()} +
+ 1 + 2 = {1 + 2} +
+
The count is exactly 0.
+ "string" substringed with 0, 1 = {"string".substring(0, 1)} +
+ Go to ${RouterLink('/page2', 'Page 2')}
+
+
+
+ `
+}
\ No newline at end of file
diff --git a/day9/src/pages/subroute/page.ts b/day9/src/pages/subroute/page.ts
new file mode 100644
index 0000000..5a483bd
--- /dev/null
+++ b/day9/src/pages/subroute/page.ts
@@ -0,0 +1,16 @@
+import { Counter } from '../../components/counter';
+import { RouterLink } from '../../components/routerLink';
+
+export default () => {
+ return `
+
+ ${Counter()}
+
+ ${TextInput()} +
+ ${CookieInput()} +
+
+ + ${TextInput()} +
+ ${CookieInput()} +
+
+ Go to ${RouterLink('/subroute/page', 'subroute page')}
+
+
+
+ `
+}
\ No newline at end of file
diff --git a/day9/src/style.css b/day9/src/style.css
new file mode 100644
index 0000000..a3f80c7
--- /dev/null
+++ b/day9/src/style.css
@@ -0,0 +1,21 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+html,
+body {
+ background-color: #101010;
+ color: #FEFEFE;
+ font-family: Helvetica, Arial, Sans-Serif;
+ padding: 0;
+ margin: 0;
+ min-height: 100vh;
+}
+
+a:hover {
+ text-decoration: underline;
+}
+
+.container__content {
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
\ No newline at end of file
diff --git a/day9/src/vite-env.d.ts b/day9/src/vite-env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/day9/src/vite-env.d.ts
@@ -0,0 +1 @@
+///
+ ${Counter()}
+
+
+ +
+ return ${RouterLink('/', 'home')}
+
+