From b2ca5a13a134e58de7d6a2095294317440742107 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=98=99=E2=97=A6=20The=20Tablet=20=E2=9D=80=20GamerGirla?=
 =?UTF-8?q?ndCo=20=E2=97=A6=E2=9D=A7?= <i.am.the.tablet@proton.me>
Date: Wed, 6 Dec 2023 21:44:59 -0500
Subject: [PATCH] feat(pages): create chapter index page

just a page that lists each chapter and its summary
---
 pages/story/[id]/chapters.vue | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 pages/story/[id]/chapters.vue

diff --git a/pages/story/[id]/chapters.vue b/pages/story/[id]/chapters.vue
new file mode 100644
index 0000000..daaa440
--- /dev/null
+++ b/pages/story/[id]/chapters.vue
@@ -0,0 +1,31 @@
+<script lang="ts" setup>
+	import { storyMiddleware } from "~/lib/client/middleware";
+	import { IStory } from "~/models/stories";
+
+	definePageMeta({
+		middleware: [storyMiddleware],
+	});
+	const rtr = useRoute();
+	const { data: story, error } = await useApiFetch<IStory>(
+		`/story/${rtr.params.id}`,
+	);
+</script>
+
+<template>
+	<a-list :data-source="story.chapters">
+		<template #renderItem="{ item, index }">
+			<a-list-item>
+				<a-list-item-meta>
+					<template #title>
+						<b>
+							<nuxt-link :to="`/story/${story._id}/${index + 1}`">
+								{{ item.title || "Untitled" }}
+							</nuxt-link>
+						</b>
+					</template>
+				</a-list-item-meta>
+				<div v-html="item.summary"></div>
+			</a-list-item>
+		</template>
+	</a-list>
+</template>