feat: create eventOnly prop setting

Rule-34 · Nov 19, 2021 · c28e106 · c28e106
1 parent befc752
commit c28e106
Showing 1 changed file with 13 additions and 4 deletions.
diff --git a/components/pages/posts/post/Post.vue b/components/pages/posts/post/Post.vue
@@ -138,10 +138,15 @@
               <!-- Tags -->
               <div class="min-w-full tag-container">
                 <template v-for="tag in post.data.tags">
-                  <template v-if="viewOnly">
-                    <span :key="tag" class="tag link">
+                  <template v-if="eventOnly">
+                    <button
+                      :key="tag"
+                      class="tag link"
+                      type="button"
+                      @click="emitTagSelected(tag)"
+                    >
                       {{ tag }}
-                    </span>
+                    </button>
                   </template>
 
                   <template v-else>
@@ -215,7 +220,7 @@ export default {
       required: true,
     },
 
-    viewOnly: {
+    eventOnly: {
       type: Boolean,
       default: false,
     },
@@ -328,6 +333,10 @@ export default {
       this.isActive = !this.isActive
     },
 
+    emitTagSelected(tag) {
+      this.$emit('tag-selected', tag)
+    },
+
     // #region Post media
     async retryToLoadManager(event) {
       // console.log('Media source: ', event.target.src)