From 02ed969132e0ae021a3852ee8d1b96557c3b260a 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: Fri, 29 Dec 2023 19:02:53 -0500
Subject: [PATCH] feat(pages): add edit page for individual chapter

---
 pages/story/[id]/[cidx]/edit.vue | 35 ++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 pages/story/[id]/[cidx]/edit.vue

diff --git a/pages/story/[id]/[cidx]/edit.vue b/pages/story/[id]/[cidx]/edit.vue
new file mode 100644
index 0000000..2ea547b
--- /dev/null
+++ b/pages/story/[id]/[cidx]/edit.vue
@@ -0,0 +1,35 @@
+<script setup lang="ts">
+	import { IChapter } from "@models/stories/chapter";
+	import { IStory } from "@models/stories";
+	import { storyEditMiddleware } from "@client/middleware";
+	import { SingleChapterResult } from "@client/types/slightlyDifferentStory";
+	import SingleChapter from "~/components/story/create/singleChapter.vue";
+	import { toFormChapter } from "@client/types/form/story";
+
+	definePageMeta({
+		middleware: ["auth", storyEditMiddleware],
+	});
+
+	const rtr = useRoute();
+	const {
+		data: { value: originalStory },
+	} = await useApiFetch<SingleChapterResult | null>(
+		`/story/${rtr.params.id}/${rtr.params.cidx}`,
+	);
+	if (originalStory === null) {
+		throw createError({
+			statusCode: 404,
+			message: "That story doesn't exist...",
+		});
+	}
+	useHead({
+		title: `Editing chapter: ${originalStory.currentChapter.title}`,
+	});
+</script>
+
+<template>
+	<single-chapter
+		:data="toFormChapter(originalStory!.currentChapter)"
+		:name="originalStory!.currentChapter.title"
+	/>
+</template>