update directory filter with new categories

src/components/directory/DirectoryFilter.vue

@@ -19,16 +19,16 @@ const emit = defineEmits<{
   'update:town': [value: string]
 }>()
 
-const categories = [
+const categories = computed(() => [
-  { id: 'all', label: 'All' },
+  { id: 'all', label: t('directory.categories.all') },
-  { id: 'restaurant', label: 'Restaurants' },
+  { id: 'restaurant', label: t('directory.categories.restaurant') },
-  { id: 'lodging', label: 'Lodging' },
+  { id: 'lodging', label: t('directory.categories.lodging') },
-  { id: 'goods', label: 'Goods' },
+  { id: 'goods', label: t('directory.categories.goods') },
-  { id: 'services', label: 'Services' },
+  { id: 'services', label: t('directory.categories.services') },
-  { id: 'taxi', label: 'Taxis' },
+  { id: 'taxi', label: t('directory.categories.taxi') },
-  { id: 'lancha', label: 'Lanchas' },
+  { id: 'lancha', label: t('directory.categories.lancha') },
-  { id: 'other', label: 'Other' }
+  { id: 'other', label: t('directory.categories.other') }
-]
+])
 
 const towns = [
   { id: 'all', label: 'All Towns' },

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',

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',