<script setup lang="ts">
	import SingleStory from "~/components/listings/singleStory.vue";
	import { IStory } from "@models/stories";
	const { data: stories } = await useApiFetch<{ stories: IStory[]; total: number }>("/user/me/stories");
</script>

<template>
	<a-list :grid="{ gutter: 6, lg: 2, sm: 1 }" :data-source="stories.stories">
		<template #renderItem="{ item }">
			<single-story :story="item" show-actions />
		</template>
	</a-list>
</template>
