diff --git a/components/story/atoms/genre.vue b/components/story/atoms/genre.vue
index d91dd87..80dda58 100644
--- a/components/story/atoms/genre.vue
+++ b/components/story/atoms/genre.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
 	import { useField } from "vee-validate";
 	const fname = inject<string>("curName");
-	let data = await useApiFetch("/genres");
-	let opts = (data.data.value as unknown as any[]).map((a) => ({
+	let { data: data } = await useApiFetch("/genres");
+	let opts = (data.value as unknown as any[]).map((a) => ({
 		value: a,
 		label: a,
 	}));