Initialize all pages

src/pages/_layout/MainNavbar.vue

@@ -34,8 +34,8 @@
             Skills
           </NavLink>
 
-          <NavLink href="/work-history" class="navbar-item">
-            Work History
+          <NavLink href="/work-experience" class="navbar-item">
+            Work Experience
           </NavLink>
 
           <NavLink href="/resume" class="navbar-item">

src/pages/about-me/+Page.vue

@@ -0,0 +1,8 @@
+<template>
+  <h1 class="title">
+    About Me
+  </h1>
+  <h2 class="subtitle">
+    TODO
+  </h2>
+</template>

src/pages/contact/+Page.vue

@@ -0,0 +1,8 @@
+<template>
+  <h1 class="title">
+    Contact
+  </h1>
+  <h2 class="subtitle">
+    TODO
+  </h2>
+</template>

src/pages/index/+Page.vue

@@ -1,12 +1,8 @@
 <template>
-  <h1>Welcome</h1>
-  This page is:
-  <ul>
-    <li>Rendered to HTML.</li>
-    <li>Interactive. <Counter /></li>
-  </ul>
+  <h1 class="title">
+    Overview
+  </h1>
+  <h2 class="subtitle">
+    TODO
+  </h2>
 </template>
-
-<script setup>
-import Counter from './Counter.vue';
-</script>

src/pages/portfolio/+Page.vue

@@ -0,0 +1,8 @@
+<template>
+  <h1 class="title">
+    Portfolio
+  </h1>
+  <h2 class="subtitle">
+    TODO
+  </h2>
+</template>

src/pages/resume/+Page.vue

@@ -0,0 +1,8 @@
+<template>
+  <h1 class="title">
+    Resume
+  </h1>
+  <h2 class="subtitle">
+    TODO
+  </h2>
+</template>

src/pages/skills/+Page.vue

@@ -0,0 +1,8 @@
+<template>
+  <h1 class="title">
+    Skills
+  </h1>
+  <h2 class="subtitle">
+    TODO
+  </h2>
+</template>

src/pages/work-experience/+Page.vue

@@ -0,0 +1,8 @@
+<template>
+  <h1 class="title">
+    Work Experience
+  </h1>
+  <h2 class="subtitle">
+    TODO
+  </h2>
+</template>