feat(posts): add tag clicking

Rule-34 · May 23, 2023 · 481fcf3 · 481fcf3
1 parent 3e1f4c6
commit 481fcf3
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/components/pages/posts/post/Post.vue b/components/pages/posts/post/Post.vue
@@ -17,7 +17,7 @@
     }
   })
 
-  const emit = defineEmits(['clickTag'])
+  const emit = defineEmits(['click-tag'])
 
   const userSettings = useUserSettings()
 
@@ -159,6 +159,7 @@
             }"
             class="focus-visible:focus-util group inline-flex items-center rounded-full px-2 py-1 ring-1 ring-inset ring-base-0/20"
             type="button"
+            @click="emit('click-tag', tag.name)"
           >
             <span class="group-hover:hover-text-util text-xs font-medium">
               {{ tag.name }}

diff --git a/pages/posts.vue b/pages/posts.vue
@@ -130,6 +130,18 @@
     await router.push(generatePostsRoute(selectedBooru.value.domain, undefined, selectedTags.value))
   }
 
+  async function onPostClickTag(tag: string) {
+    selectedTags.value = [new Tag({ name: tag })]
+
+    await refreshInitialPosts()
+
+    if (errorInitialPosts.value) {
+      return
+    }
+
+    await router.push(generatePostsRoute(selectedBooru.value.domain, undefined, selectedTags.value))
+  }
+
 </script>
 
 <template>