From 3f16a27ebc2688975f7770b9c43be71f2a590810 Mon Sep 17 00:00:00 2001
From: Trirst <abeces968@gmail.com>
Date: Fri, 1 Oct 2021 23:39:48 +0700
Subject: [PATCH] Add tags display to image view page

---
 src/views/ImageView.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/views/ImageView.vue b/src/views/ImageView.vue
index 2845a25..bf55a68 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;
     },
-- 
GitLab