doxa-life/doxa-maps-cdn
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(search): match accented data with unaccented queries in UUPG search

Browse source 
Strip combining diacritics from both indexed values and the query so
e.g. "Mexico" finds "México" in localized data, including exact mode.
This commit is contained in:
corsacca 2026-08-31 14:42:03 +01:00
parent f96b04ea12
commit bf3fa3c915
1 changed files with 15 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
app/components/public/UupgsList.vue
View file

@ -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