yt-audio-player

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README

AlbumList.vue (674B)

      1 <script setup lang="ts">
      2 import albums from '../assets/albums.json';
      3 </script>
      4 
      5 <template>
      6     <h2>AlbumList: {{ albums[Number($route.params.artist_id)].AlbumArtist }}</h2>
      7     <div class="row mt-3">
      8         <div class="card m-3" style="width: 18rem;" v-for="(Albums, index) in albums[Number($route.params.artist_id)].Albums" @click="() => $router.push(`/artist/${$route.params.artist_id}/album/${index}`)">
      9             <img class="card-img-top" :src=Albums.items[0].snippet.thumbnails.medium.url alt="Album Cover" />
     10             <div class="card-body">
     11                 <h5 class="card-title">{{ Albums.AlbumTitle }}</h5>
     12             </div>
     13     </div>
     14     </div>
     15 </template>