diff --git a/code/websites/pokedex.online/src/views/GamemasterExplorer.vue b/code/websites/pokedex.online/src/views/GamemasterExplorer.vue index 2a90749..fc7d8ca 100644 --- a/code/websites/pokedex.online/src/views/GamemasterExplorer.vue +++ b/code/websites/pokedex.online/src/views/GamemasterExplorer.vue @@ -241,7 +241,10 @@ 'line', { selected: selectedLines.has(item.lineNumber) }, { 'highlight-match': item.hasMatch }, - { 'current-result': item.lineNumber === searchResults[currentResultIndex] + 1 } + { + 'current-result': + item.lineNumber === searchResults[currentResultIndex] + 1 + } ]" @click="toggleLineSelection(item.lineNumber, $event)" > @@ -265,7 +268,10 @@ 'line', { selected: selectedLines.has(line.lineNumber) }, { 'highlight-match': line.hasMatch }, - { 'current-result': line.lineNumber === searchResults[currentResultIndex] + 1 } + { + 'current-result': + line.lineNumber === searchResults[currentResultIndex] + 1 + } ]" @click="toggleLineSelection(line.lineNumber, $event)" > @@ -403,9 +409,12 @@ const highlightConfig = computed(() => ({ // Helper to get highlighted content for search results function getHighlightedContent(lineContent) { if (!searchQuery.value.trim()) return lineContent; - + const searchTerm = searchQuery.value; - const regex = new RegExp(`(${searchTerm.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')})`, 'gi'); + const regex = new RegExp( + `(${searchTerm.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')})`, + 'gi' + ); return lineContent.replace(regex, '$1'); }