🎨 Improve code readability by reformatting object literals and regex creation

This commit is contained in:
2026-01-28 20:14:15 +00:00
parent 06a8bf956e
commit 2e9b34b266

View File

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