From 1f699b9b45f1e0b16d57e99136039c185b21ac29 Mon Sep 17 00:00:00 2001
From: eggy <eggyrules@gmail.com>
Date: Wed, 10 Aug 2022 12:00:48 -0400
Subject: [PATCH] init stories

---
 components/BlogStatBox.vue   |  3 ---
 components/CommitStatBox.vue |  3 ---
 layouts/default.vue          |  1 -
 pages/stories.vue            | 11 ++++++++++-
 4 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/components/BlogStatBox.vue b/components/BlogStatBox.vue
index 8be0491..f894e01 100644
--- a/components/BlogStatBox.vue
+++ b/components/BlogStatBox.vue
@@ -7,9 +7,6 @@ import type { BlogParsedContent } from "@/shared/types";
 dayjs.extend(utc);
 dayjs.extend(tz);
 
-// TODO: make queryContent async so it doesn't delay
-// execution of the template
-
 const docs = await queryContent<BlogParsedContent>("/blog")
   .sort({ date: 1 })
   .where({ _draft: false })
diff --git a/components/CommitStatBox.vue b/components/CommitStatBox.vue
index 0e7d854..756d796 100644
--- a/components/CommitStatBox.vue
+++ b/components/CommitStatBox.vue
@@ -1,7 +1,4 @@
 <script setup lang="ts">
-import dayjs from "dayjs";
-import utc from "dayjs/plugin/utc.js";
-import tz from "dayjs/plugin/timezone.js";
 import type { GithubCommit, GithubPushEvent } from "@/shared/github";
 import type { Ref } from "vue";
 
diff --git a/layouts/default.vue b/layouts/default.vue
index a572d71..2caea6a 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-// this is in /components so i can import the thing
 useHead({ title: "Eggworld" });
 </script>
 
diff --git a/pages/stories.vue b/pages/stories.vue
index 31b4c58..f2d2135 100644
--- a/pages/stories.vue
+++ b/pages/stories.vue
@@ -1,7 +1,16 @@
 <script setup lang="ts">
+import type { StoryParsedContent } from "@/shared/types";
+
 useTitle("Stories");
+
+const docs = await queryContent<StoryParsedContent>("/stories")
+  .sort({ date: 1 })
+  .where({ _draft: false })
+  .find();
 </script>
 
 <template>
-  <main class="flex grow">hello</main>
+  <main class="flex grow prose dark:prose-invert">
+    <h1>Stories</h1>
+  </main>
 </template>