feat(post): add a tag when clicked and remove it if it was selected

Rule-34 · Jun 15, 2023 · 8ace077 · 8ace077
1 parent b9eedaa
commit 8ace077
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/components/posts/post/Post.vue b/components/posts/post/Post.vue
@@ -13,7 +13,7 @@
   }>()
 
   const emit = defineEmits<{
-    clickTag: [tag: Tag]
+    clickTag: [tag: string]
   }>()
 
   const userSettings = useUserSettings()

diff --git a/pages/posts.vue b/pages/posts.vue
@@ -253,7 +253,21 @@
   }
 
   async function onPostClickTag(tag: string) {
-    await reflectChangesInUrl({ page: null, tags: [new Tag({ name: tag })], filters: null })
+    let newTags = undefined
+
+    const filteredSelectedTags = selectedTags.value.filter((selectedTag) => selectedTag.name !== tag)
+
+    // If the tag was not found, add it
+    if (filteredSelectedTags.length === selectedTags.value.length) {
+      newTags = [...selectedTags.value, new Tag({ name: tag })]
+    }
+
+    // If the tag was found, remove it
+    else {
+      newTags = filteredSelectedTags
+    }
+
+    await reflectChangesInUrl({ page: null, tags: newTags, filters: null })
 
     await refreshInitialPosts()
   }