diff --git a/app/components/FilterBar.vue b/app/components/FilterBar.vue index 646e961..7066b7e 100644 --- a/app/components/FilterBar.vue +++ b/app/components/FilterBar.vue @@ -155,7 +155,11 @@ const listingOptions = computed(() => ...entry, label, title, - ariaLabel: `${title} ${label}`, + ariaLabel: entry.kind === 'old' ? title : `${title} ${label}`, + parts: + entry.kind === 'old' + ? [{ suffix: label }] + : [{ region: entry.region, suffix: label }], } }), ) @@ -272,7 +276,7 @@ function toggleRegion(region: string) { :key="option.id" :active="chars.tiers.value.includes(option.id)" :label="option.ariaLabel" - :parts="[{ region: option.region, suffix: option.label }]" + :parts="option.parts" :title="option.title" @select="toggleTier(option.id)" /> diff --git a/app/components/LitRegions.vue b/app/components/LitRegions.vue index dfe07c0..9823ed4 100644 --- a/app/components/LitRegions.vue +++ b/app/components/LitRegions.vue @@ -21,7 +21,7 @@ const { flagsOn } = usePrefs() const marks = computed(() => props.columns.map((column) => ({ column, - region: column === 'old' ? ('jp' as const) : column, + region: column === 'old' ? undefined : column, old: column === 'old' ? t('region.old.short') : undefined, })), ) @@ -30,7 +30,7 @@ const marks = computed(() =>