diff --git a/dev-dist/sw.js b/dev-dist/sw.js
index 56cf0ba..2841431 100644
--- a/dev-dist/sw.js
+++ b/dev-dist/sw.js
@@ -79,7 +79,7 @@ define(['./workbox-54d0af47'], (function (workbox) { 'use strict';
*/
workbox.precacheAndRoute([{
"url": "index.html",
- "revision": "0.dtkt23h1tmg"
+ "revision": "0.st6kb6leuvo"
}], {});
workbox.cleanupOutdatedCaches();
workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {
diff --git a/src/components/directory/DirectoryCard.vue b/src/components/directory/DirectoryCard.vue
index 8791b55..da3e8bc 100644
--- a/src/components/directory/DirectoryCard.vue
+++ b/src/components/directory/DirectoryCard.vue
@@ -18,6 +18,7 @@ import {
HelpCircle,
Sparkles,
} from 'lucide-vue-next'
+import TukTuk from '@/components/icons/TukTuk.vue'
import {
Card,
CardContent,
@@ -36,6 +37,7 @@ const categoryIcons = {
goods: ShoppingBag,
services: Sparkles,
taxi: Car,
+ tuktuk: TukTuk,
lancha: Ship,
other: HelpCircle,
} as const
@@ -46,6 +48,7 @@ const categoryColors = {
goods: 'text-green-500',
services: 'text-pink-500',
taxi: 'text-yellow-500',
+ tuktuk: 'text-amber-500',
lancha: 'text-blue-500',
other: 'text-gray-500',
} as const
diff --git a/src/components/directory/DirectoryFilter.vue b/src/components/directory/DirectoryFilter.vue
index 7f75cf8..d05176c 100644
--- a/src/components/directory/DirectoryFilter.vue
+++ b/src/components/directory/DirectoryFilter.vue
@@ -13,6 +13,7 @@ import {
Ship,
HelpCircle,
} from 'lucide-vue-next'
+import TukTuk from '@/components/icons/TukTuk.vue'
const { t } = useI18n()
@@ -41,6 +42,7 @@ watch(() => props.search, (newValue) => {
}, { immediate: true })
const categoryIcons = {
+ tuktuk: TukTuk,
restaurant: UtensilsCrossed,
lodging: Bed,
goods: ShoppingBag,
@@ -51,23 +53,25 @@ const categoryIcons = {
} as const
const categoryColors = {
+ tuktuk: 'text-amber-500',
restaurant: 'text-orange-500',
lodging: 'text-purple-500',
goods: 'text-green-500',
services: 'text-pink-500',
- taxi: 'text-yellow-500',
lancha: 'text-blue-500',
+ taxi: 'text-yellow-500',
other: 'text-gray-500',
} as const
const categories = computed(() => [
{ id: 'all', label: t('directory.categories.all') },
{ id: 'restaurant', label: t('directory.categories.restaurant'), icon: categoryIcons.restaurant },
+ { id: 'tuktuk', label: t('directory.categories.tuktuk'), icon: categoryIcons.tuktuk },
{ id: 'lodging', label: t('directory.categories.lodging'), icon: categoryIcons.lodging },
{ id: 'goods', label: t('directory.categories.goods'), icon: categoryIcons.goods },
{ id: 'services', label: t('directory.categories.services'), icon: categoryIcons.services },
- { id: 'taxi', label: t('directory.categories.taxi'), icon: categoryIcons.taxi },
{ id: 'lancha', label: t('directory.categories.lancha'), icon: categoryIcons.lancha },
+ { id: 'taxi', label: t('directory.categories.taxi'), icon: categoryIcons.taxi },
{ id: 'other', label: t('directory.categories.other'), icon: categoryIcons.other },
])
@@ -89,34 +93,24 @@ const towns = computed(() => [
-
+