diff --git a/src/views/ImageView.vue b/src/views/ImageView.vue index 2845a25f8152f9e2d529e1ce971c41dcb0f06a83..bf55a680874e75331d12b268284f844aa8a2ef21 100644 --- a/src/views/ImageView.vue +++ b/src/views/ImageView.vue @@ -2,9 +2,14 @@ <div class="flex flex-row"> <section class="flex flex-col sticky top-0 h-screen w-1/3"> <div> - Tags: - <span v-for="imageTag in imageTags"> + <div> + <strong>Tags</strong> + <ul class="pl-2"> + <li v-for="(imageTag, index) in imageTags" :key="index"> {{ imageTag }} + </li> + </ul> + </div> </span> </div> </section> @@ -25,9 +30,7 @@ export default { }, methods: { async getImageTags() { - const response = await fetch( - `/api/image/${this.$route.params.flake}/tag` - ); + const response = await fetch(`/api/image/${this.flake}/tag`); const imageTags = await response.json(); return imageTags; },