✨ Enhance search highlighting by replacing regex usage with replaceAll for improved readability and consistency

2026-01-28 20:15:13 +00:00
parent 6ccca7ae5e
commit a687a51229
1 changed files with 3 additions and 5 deletions
--- a/code/websites/pokedex.online/src/views/GamemasterExplorer.vue
+++ b/code/websites/pokedex.online/src/views/GamemasterExplorer.vue
@@ -411,11 +411,9 @@ function getHighlightedContent(lineContent) {
  if (!searchQuery.value.trim()) return lineContent;

  const searchTerm = searchQuery.value;
-  const regex = new RegExp(
-    `(${searchTerm.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')})`,
-    'gi'
-  );
-  return lineContent.replace(regex, '<mark>$1</mark>');
+  const escapedTerm = searchTerm.replace(/[.*+?^${}()|[\]\\]/g, String.raw`\$&`);
+  const regex = new RegExp(`(${escapedTerm})`, 'gi');
+  return lineContent.replaceAll(regex, '<mark>$1</mark>');
 }

 // URL state sync