diff --git a/pages/story/[id]/edit.vue b/pages/story/[id]/edit.vue
index 893febf..2a68fce 100644
--- a/pages/story/[id]/edit.vue
+++ b/pages/story/[id]/edit.vue
@@ -1,18 +1,17 @@
 <script lang="ts" setup>
 	import { v4 } from "uuid";
 	import storyForm from "~/components/story/create/storyForm.vue";
-	import { FormStory } from "@client/types/form/story";
+	import { FormChapter, FormStory } from "@client/types/form/story";
 	import { IStory } from "@models/stories";
 	import { IChapter } from "@models/stories/chapter";
 
 	import { storyEditMiddleware } from "@client/middleware";
 	import { IBand } from "@models/band";
 	import { IUser } from "@models/user";
+
 	const rtr = useRoute();
-	const {
-		data: { value: originalStory },
-	} = await useApiFetch<({ chapters: (IChapter & { text: string })[] } & IStory) | null>(`/story/${rtr.params.id}/full`);
-	if (originalStory === null) {
+	const { data: originalStory } = await useApiFetch<({ chapters: (IChapter & { text: string })[] } & IStory) | null>(`/story/${rtr.params.id}/full`);
+	if (originalStory.value === null) {
 		console.log("IT DOESN'T EXIST DAWG");
 		throw createError({
 			statusCode: 404,
@@ -22,25 +21,31 @@
 	definePageMeta({
 		middleware: ["auth", storyEditMiddleware],
 	});
-	const story: FormStory = {
-		title: originalStory!.title,
-		coAuthor: originalStory.coAuthor ? (originalStory.coAuthor as IUser)._id : null,
-		completed: originalStory!.completed,
-		chapters: originalStory!.chapters.map((a, i) => ({
-			...a,
-			id: a.id,
-			chapterTitle: a.title,
-			index: i + 1,
-			bands: (a.bands as IBand[]).map((a) => a._id),
-			content: a.text,
-			uuidKey: v4(),
-		})),
-	};
+	const story: FormStory = ref<FormStory>({
+		title: originalStory.value!.title,
+		coAuthor: originalStory.value.coAuthor ? (originalStory.coAuthor as IUser)._id : null,
+		completed: originalStory.value!.completed,
+		chapters: originalStory.value!.chapters.map((a, i) => {
+			// delete
+			return {
+				...a,
+				chapterTitle: a.title,
+				id: a.id,
+				index: i + 1,
+				bands: (a.bands as IBand[]).map((a) => a._id),
+				content: a.text,
+				uuidKey: v4(),
+				pot: "pasteOrType",
+			} as FormChapter;
+		}),
+	});
 	useHead({
 		title: `Editing story: ${originalStory?.title}`,
 	});
 </script>
 <template>
 	<a-typography-title style="text-align: center"> Editing "{{ originalStory?.title }}" </a-typography-title>
-	<story-form :can-draft="false" :data="story" :endpoint="`/story/${rtr.params.id}`" endpoint-method="put"> </story-form>
+	<!--	<client-only>-->
+	<story-form :can-draft="false" v-model:data="story" :endpoint="`/story/${rtr.params.id}`" endpoint-method="put" />
+	<!--	</client-only>-->
 </template>