Move software files one directory up, Readme

src/pages/bands/bandDetailPage/index.vue

@@ -0,0 +1,53 @@
+<script setup lang="ts">
+import { useRouter } from 'vue-router';
+import ratingSection from './ratingSection.vue';
+import bandMemberSection from './bandMemberSection.vue';
+import gallerySection from './gallerySection.vue';
+import concertSection from './concertSection.vue';
+import heroImage from '@/components/pageParts/heroImage.vue';
+import { useBandStore } from '@/stores/band.store';
+import { onMounted, watch } from 'vue';
+
+const router = useRouter()
+const bandStore = useBandStore()
+
+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>
+  <hero-image
+    :image="bandStore.band.imageMembers"
+    :logo="bandStore.band.logo"
+    :title="bandStore.band.name"
+    :chips="bandStore.band.genres.map(genre => genre.name)"
+    :description="bandStore.band.descriptionDe"
+    :loading="bandStore.fetchInProgress"
+  />
+
+  <v-container>
+    <v-row>
+      <v-spacer />
+
+      <v-col cols="10">
+        <concert-section />
+
+        <band-member-section />
+
+        <rating-section
+          :rating="bandStore.band.rating"
+          :ratings="bandStore.band.ratingValues"
+        />
+
+        <gallery-section />
+      </v-col>
+
+      <v-spacer />
+    </v-row>
+  </v-container>
+</template>