refactor(pages): migrate page titles to usehead

pages/authors.vue

@@ -12,6 +12,9 @@
 	// console.log("d_u", data?.user?.subscriptions)
 	const hider = subscriptions;
 	if (authors.value == null) authors.value = [];
+	useHead({
+		title: "Authors",
+	});
 </script>
 <template>
 	<a-list v-model:data-source="authors" :grid="bp">

pages/bands.vue

@@ -5,7 +5,7 @@
 	import { IUser } from "~/models/user";
 
 	const { data: bands } = (await useApiFetch<NonNullable<IBand[]>>(
-		"/bands/all",
+		"/band/all",
 	)) as unknown as { data: Ref<IBand[]> };
 
 	const { data: rd }: { data: any } = useAuth();
@@ -13,6 +13,9 @@
 
 	const hider = subscriptions;
 	if (bands.value == null) bands.value = [];
+	useHead({
+		title: "Bands",
+	});
 </script>
 <template>
 	<a-list v-model:data-source="bands" :grid="bp">

pages/new-story.vue

@@ -4,6 +4,9 @@
 	definePageMeta({
 		middleware: ["auth"],
 	});
+	useHead({
+		title: "Post a new Story",
+	});
 </script>
 <template>
 	<a-typography-title> Post a new Story </a-typography-title>