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); +}