diff --git a/src/components/menu/keyword/KeywordListPopoverItem.vue b/src/components/menu/keyword/KeywordListPopoverItem.vue index 0732cce..ea404a5 100644 --- a/src/components/menu/keyword/KeywordListPopoverItem.vue +++ b/src/components/menu/keyword/KeywordListPopoverItem.vue @@ -8,15 +8,15 @@ defineProps<{ const searchStore = useSearchStore(); -function setSearchTerm(term: string) { +function setSearchString(str: string) { // 空白を含むならダブルクォーテーションで囲む - const formattedTerm = term.includes(" ") ? `"${term}"` : term; + const formattedStr = str.includes(" ") ? `"${str}"` : str; // 同じものなら検索を解除 - if (searchStore.searchString === formattedTerm) { + if (searchStore.searchString === formattedStr) { searchStore.setSearchString(""); return; } - searchStore.setSearchString(formattedTerm); + searchStore.setSearchString(formattedStr); } @@ -26,7 +26,7 @@ function setSearchTerm(term: string) { v-for="item in itemList" :key="item.value" class="py-1 hover:bg-gray-100" - @click="setSearchTerm(item.value)" + @click="setSearchString(item.value)" >
diff --git a/src/components/streams/LiverEventCard.vue b/src/components/streams/LiverEventCard.vue
index 782e5a5..f65d6c7 100644
--- a/src/components/streams/LiverEventCard.vue
+++ b/src/components/streams/LiverEventCard.vue
@@ -139,6 +139,15 @@ function onClickCard(evt: MouseEvent) {
if (!popover) return;
popover.showPopover();
}
+
+function setSearchString(str: string) {
+ // 同じものなら検索を解除
+ if (searchStore.searchString === str) {
+ searchStore.setSearchString("");
+ return;
+ }
+ searchStore.setSearchString(str);
+}