feat(RichText): tag dropdown

nimbus-town · Nov 24, 2024 · 6d7efb6 · 6d7efb6
1 parent ad1b2ea
commit 6d7efb6
Showing 1 changed file with 21 additions and 3 deletions.
diff --git a/components/rich-text/RichTextTag.vue b/components/rich-text/RichTextTag.vue
@@ -8,7 +8,25 @@ defineProps<{
 </script>
 
 <template>
-  <NuxtLink :to="`/hashtag/${tag}`">
-    {{ text }}
-  </NuxtLink>
+  <CommonDropdown inline-flex>
+    <button>{{ text }}</button>
+    <template #popper>
+      <NuxtLink :to="`/hashtag/${tag}`">
+        <CommonDropdownItem
+          :text="`See ${tag} posts`"
+          icon="i-ri:search-line"
+        />
+      </NuxtLink>
+      <NuxtLink :to="`/hashtag/${tag}`">
+        <CommonDropdownItem
+          :text="`See ${tag} posts by user`"
+          icon="i-ri:user-line"
+        />
+      </NuxtLink>
+      <CommonDropdownItem
+        :text="`Mute ${tag}`"
+        icon="i-ri:eye-off-line"
+      />
+    </template>
+  </CommonDropdown>
 </template>