add searchability to tags displayed

client/src/components/DisplayTags.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="badge-container">
-    <div v-for="tag in tags" :key="tag.id" class="badge me-1">
+    <div v-for="tag in tags" :key="tag.id" class="badge me-1" @click="searchWord(tag.name)">
       {{ tag.name }}
     </div>
   </div>
@@ -14,13 +14,22 @@
   .badge {
     background-color: $badge-background-color;
     color: $badge-text-color;
+    cursor: pointer;
   }
 }
 </style>
 
 <script setup lang="ts">
 import type { Tag } from "@fumix/fu-blog-common";
 import type { PropType } from "vue";
+import { useRouter } from "vue-router";
 
+const router = useRouter();
 const props = defineProps({ tags: { type: Array as PropType<Tag[]>, required: true } });
+
+const searchWord = (word: string): void => {
+  if (word) {
+    router.push(`/posts/?search=${word}&operator=and`);
+  }
+};
 </script>

client/src/views/PostsView.vue

@@ -162,7 +162,6 @@ const goTo = (path: string) => {
 };
 
 const searchWord = (event: any) => {
-  console.log("SEARCH -------->", event);
   goTo(`/posts/?search=${event[0]}&operator=and`);
 };