init stories

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 })

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";
 

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>
 

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>