feat: implement dark mode support, update writing route logic, and add content entry placeholder

app/pages/index.vue

@@ -73,11 +73,18 @@ definePageMeta({
             <h5>About</h5>
             <div class="section__content">
                 <p>
-                    I work across the full stack; backend, frontend, and
-                    product. My favorite side projects are ones that bring me
-                    new skills. Even better are ones where I solve a problem or
-                    build a tool I can use. I'm always open to interesting work
-                    and conversations.
+                    I enjoy the entire process of building things; backend,
+                    frontend, product, etc.
+                </p>
+                <p>
+                    I left school and my job at Chick-fil-A in 2022 to write
+                    code full time. It's definitely one of the best decisions
+                    I've ever made. I've learned so much since then and
+                    <em>still</em> have so much more to learn.
+                </p>
+                <p>
+                    If you want to build something cool or connect hit me up! I
+                    still dont know enough people to form a band yet ;)
                 </p>
             </div>
         </section>
@@ -300,7 +307,7 @@ section:last-of-type {
     font-size: small;
 }
 
-.about p {
+.about p:last-child {
     margin: 0;
 }
 

app/pages/writing/[...slug].vue

@@ -1,7 +1,9 @@
 <script lang="ts" setup>
 const route = useRoute();
 const { data: page } = await useAsyncData(route.path, () => {
-    return queryCollection('writing').path(route.path).first();
+    return queryCollection('writing')
+        .path(route.path.replace('/writing/', ''))
+        .first();
 });
 
 if (!page.value) {

app/pages/writing/index.vue

@@ -27,20 +27,20 @@ const formatDate = (dateString: string) => {
         <section>
             <div class="section__content">
                 <template v-if="pages?.length">
-                    <a
+                    <NuxtLink
                         v-for="page in pages"
-                        :href="page.path"
+                        :to="'/writing/' + page.path"
                         :key="page.path"
                         class="article"
                     >
                         <h3 class="article__title">{{ page.title }}</h3>
-                        <p class="article__date">
+                        <!-- <p class="article__date">
                             {{ formatDate(page.date) }}
-                        </p>
+                        </p> -->
                         <p class="article__description">
                             {{ page.description }}
                         </p>
-                    </a>
+                    </NuxtLink>
                 </template>
                 <template v-else>
                     <div class="empty-state">