Error page

software/src/pages/bands/bandDetailPage/index.vue

@@ -7,14 +7,22 @@ import concertSection from './concertSection.vue';
 import heroImage from '@/components/pageParts/heroImage.vue';
 import sectionDivider from '@/components/basics/sectionDivider.vue';
 import { useBandStore } from '@/stores/band.store';
+import { onMounted, watch } from 'vue';
 
 const router = useRouter()
 const bandStore = useBandStore()
 
-bandStore.getBand(String(router.currentRoute.value.params.name).replaceAll('-', ' '))
+onMounted(async () => {
+  bandStore.getBand(String(router.currentRoute.value.params.name).replaceAll('-', ' '))
+})
+
+watch(() => router.currentRoute.value.params.name, () => {
+  bandStore.getBand(String(router.currentRoute.value.params.name).replaceAll('-', ' '))
+})
 </script>
 
 <template>
+  {{ router.currentRoute.value.params.name }}
   <hero-image
     :image="bandStore.band.imageMembers"
     :logo="bandStore.band.logo"