feat: add breadcrumbs for show pages

refs #181

src/Pages/ShowBasicData.vue

@@ -39,8 +39,9 @@ import { useAuthStore, useUserStore } from '@/stores/auth'
 import { useI18n } from '@/i18n'
 import { Show } from '@/types'
 import UnderConstruction from '@/components/UnderConstruction.vue'
+import { useBreadcrumbs } from '@/stores/nav'
 
-defineProps<{
+const props = defineProps<{
   show: Show
 }>()
 
@@ -49,6 +50,12 @@ const userStore = useUserStore()
 const store = useStore()
 const { t } = useI18n()
 
+useBreadcrumbs(() => [
+  { title: t('navigation.shows'), route: { name: 'shows' } },
+  { title: props.show.name, route: { name: 'show', params: { showId: props.show.id.toString() } } },
+  t('navigation.show.basicData'),
+])
+
 store.dispatch('shows/fetchMetaArray', { property: 'types', onlyActive: true })
 store.dispatch('shows/fetchMetaArray', {
   property: 'fundingCategories',

src/Pages/ShowEpisodes.vue

@@ -27,10 +27,17 @@ import ShowSchedules from '@/components/shows/Schedules.vue'
 import PageHeader from '@/components/PageHeader.vue'
 import { useI18n } from '@/i18n'
 import UnderConstruction from '@/components/UnderConstruction.vue'
+import { useBreadcrumbs } from '@/stores/nav'
 
-defineProps<{
+const props = defineProps<{
   show: Show
 }>()
 
 const { t } = useI18n()
+
+useBreadcrumbs(() => [
+  { title: t('navigation.shows'), route: { name: 'shows' } },
+  { title: props.show.name, route: { name: 'show', params: { showId: props.show.id.toString() } } },
+  t('navigation.show.episodes'),
+])
 </script>