Refactored user menu and titles

pages/index.vue

@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 useHead({
-  title: "Dashboard"
+  title: "TTTools — Calendriers de JDR",
+  titleTemplate: null
 })
 </script>
 

pages/my/calendars/[id].vue

@@ -3,9 +3,6 @@ import { PhCircleNotch } from "@phosphor-icons/vue";
 import type { Calendar } from "~/models/CalendarConfig";
 import type { Category } from "~/models/Category";
 
-useHead({
-  title: "Calendrier"
-})
 definePageMeta({
   middleware: ["auth-guard"]
 })
@@ -21,11 +18,15 @@ watch(user, (n) => {
 const route = useRoute()
 const id = route.params.id
 
-const { data: calendarData, pending: calPending } = useLazyFetch("/api/calendars/query", { key: `calendar-${id}`, query: { id, full: true } })
-const { data: catData, pending: catPending } = useLazyFetch("/api/calendars/categories/query", { key: `categories-${id}` })
+const { data: calendarData, pending: calPending } = await useLazyFetch("/api/calendars/query", { key: `calendar-${id}`, query: { id, full: true } })
+const { data: catData, pending: catPending } = await useLazyFetch("/api/calendars/categories/query", { key: `categories-${id}` })
 
 const cal = computed<Calendar>(() => calendarData?.value?.data as Calendar)
 const categories = computed<Category[]>(() => catData?.value?.data as Category[])
+
+useHead({
+  title: cal.value.name
+})
 </script>
 
 <template>

pages/my/index.vue

@@ -2,15 +2,16 @@
 import type { RealtimeChannel } from "@supabase/supabase-js"
 import type { World } from "~/models/World";
 
+useHead({
+  title: "Mondes"
+})
+
 const supabase = useSupabaseClient()
 
 const { data: res } = await useFetch("/api/worlds/query")
 
 const worlds = ref<World[]>(res.value?.data as World[])
 
-useHead({
-  title: "Profil"
-})
 definePageMeta({
   middleware: ["auth-guard"]
 })
@@ -18,7 +19,7 @@ definePageMeta({
 const user = useSupabaseUser()
 
 // Redirect user back home when they log out on the page
-watch(user, (n, _o) => {
+watch(user, (n) => {
   if (!n) {
     navigateTo("/")
   }

pages/my/worlds/[id].vue

@@ -13,7 +13,7 @@ const { data: res, pending } = await useFetch("/api/worlds/query", { query: { id
 const world = ref<World>(res.value?.data as World)
 
 useHead({
-  title: "Profil"
+  title: world.value.name
 })
 definePageMeta({
   middleware: ["auth-guard"]