next/pages/band/[id].vue

<script lang="ts" setup>
	import storyList from "~/components/listings/stories.vue";
	import { IBand } from "~/models/band";
	const route = useRoute();
	const { data: band } = await useApiFetch<IBand>(`/band/${route.params.id}`);
</script>
<template>
	<a-typography-title> Browsing {{ band?.name }} fiction </a-typography-title>
	<story-list :prefix="`/band/${route.params.id}/stories`" />
</template>