From bf3fa3c915340ce719f40546d07a6625df9477e6 Mon Sep 17 00:00:00 2001
From: corsacca <corsacca@gmail.com>
Date: Mon, 31 Aug 2026 14:42:03 +0100
Subject: [PATCH] fix(search): match accented data with unaccented queries in
 UUPG search
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Strip combining diacritics from both indexed values and the query so
e.g. "Mexico" finds "México" in localized data, including exact mode.
---
 app/components/public/UupgsList.vue | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/app/components/public/UupgsList.vue b/app/components/public/UupgsList.vue
index 22a2d475..723f15ea 100644
--- a/app/components/public/UupgsList.vue
+++ b/app/components/public/UupgsList.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 // Port of marketing-theme/js/components/src/uupgs-list.ts (Lit → Vue).
-// Preserves class names, markup structure, fetch endpoints, search
-// algorithm, and filter logic verbatim so the source SCSS
+// Preserves class names, markup structure, fetch endpoints, and filter
+// logic verbatim so the source SCSS
 // (blocks/_filters.scss, blocks/_cards.scss) applies unchanged.
 
 import Fuse from 'fuse.js'
@@ -261,6 +261,12 @@ function updateFilterOptionCounts() {
   filterOptions.value = next
 }
 
+// Search compares with combining diacritics stripped, so "Mexico" matches "México".
+// Safe for highlighting: stripping marks from NFC data preserves string indices.
+function stripDiacritics(value: string): string {
+  return value.normalize('NFD').replace(/[\u0300-\u036f]/g, '')
+}
+
 function filterUUPGs() {
   // Reset per-item highlighting state
   uupgs.value = uupgs.value.map((u) => {
@@ -292,6 +298,12 @@ function filterUUPGs() {
     ignoreLocation: true,
     minMatchCharLength: 3,
     threshold: activeFilters.value.exact ? 0 : 0.4,
+    getFn: (obj, path) => {
+      const value = Fuse.config.getFn(obj, path)
+      if (typeof value === 'string') return stripDiacritics(value)
+      if (Array.isArray(value)) return value.map(v => (typeof v === 'string' ? stripDiacritics(v) : v))
+      return value
+    },
     keys: [
       'name',
       'imb_alternate_name',
@@ -303,7 +315,7 @@ function filterUUPGs() {
     ]
   })
 
-  const result = fuse.search(searchTerm.value)
+  const result = fuse.search(stripDiacritics(searchTerm.value))
   filteredUUPGs.value = result.map((res) => {
     const newItem: Uupg = { ...res.item }
     if (!res.matches) return newItem