From 63ed9ac82f75eaf2c7dfa43e2b06c9620b574f31 Mon Sep 17 00:00:00 2001
From: padreug <padreug@aiolabs.dev>
Date: Sun, 2 Feb 2025 23:56:04 +0100
Subject: [PATCH] update directory filter with new categories

---
 src/components/directory/DirectoryFilter.vue | 20 ++++++++++----------
 src/i18n/locales/en.ts                       |  4 +++-
 src/i18n/locales/es.ts                       |  4 +++-
 3 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/components/directory/DirectoryFilter.vue b/src/components/directory/DirectoryFilter.vue
index 495d3e5..31d4f68 100644
--- a/src/components/directory/DirectoryFilter.vue
+++ b/src/components/directory/DirectoryFilter.vue
@@ -19,16 +19,16 @@ const emit = defineEmits<{
   'update:town': [value: string]
 }>()
 
-const categories = [
-  { id: 'all', label: 'All' },
-  { id: 'restaurant', label: 'Restaurants' },
-  { id: 'lodging', label: 'Lodging' },
-  { id: 'goods', label: 'Goods' },
-  { id: 'services', label: 'Services' },
-  { id: 'taxi', label: 'Taxis' },
-  { id: 'lancha', label: 'Lanchas' },
-  { id: 'other', label: 'Other' }
-]
+const categories = computed(() => [
+  { id: 'all', label: t('directory.categories.all') },
+  { id: 'restaurant', label: t('directory.categories.restaurant') },
+  { id: 'lodging', label: t('directory.categories.lodging') },
+  { id: 'goods', label: t('directory.categories.goods') },
+  { id: 'services', label: t('directory.categories.services') },
+  { id: 'taxi', label: t('directory.categories.taxi') },
+  { id: 'lancha', label: t('directory.categories.lancha') },
+  { id: 'other', label: t('directory.categories.other') }
+])
 
 const towns = [
   { id: 'all', label: 'All Towns' },
diff --git a/src/i18n/locales/en.ts b/src/i18n/locales/en.ts
index 6c21834..30dbf30 100644
--- a/src/i18n/locales/en.ts
+++ b/src/i18n/locales/en.ts
@@ -18,9 +18,11 @@ export default {
     categories: {
       all: 'All',
       restaurant: 'Restaurants',
+      lodging: 'Lodging',
+      goods: 'Goods',
+      services: 'Services',
       taxi: 'Taxis',
       lancha: 'Lanchas',
-      retail: 'Retail',
       other: 'Other'
     },
     contact: 'Contact',
diff --git a/src/i18n/locales/es.ts b/src/i18n/locales/es.ts
index 04f9387..872c1e8 100644
--- a/src/i18n/locales/es.ts
+++ b/src/i18n/locales/es.ts
@@ -18,9 +18,11 @@ export default {
     categories: {
       all: 'Todos',
       restaurant: 'Restaurantes',
+      lodging: 'Hospedaje',
+      goods: 'Productos',
+      services: 'Servicios',
       taxi: 'Taxis',
       lancha: 'Lanchas',
-      retail: 'Tiendas',
       other: 'Otros'
     },
     contact: 'Contacto',