padreug/web-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update locales, Navbar, Footer, DirectoryFilter

Browse source
This commit is contained in:
padreug 2025-02-02 22:14:50 +01:00
parent 1cd944b966
commit a1d66ce17d
5 changed files with 32 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/directory/DirectoryFilter.vue
View file

@ -1,8 +1,12 @@
<script setup lang="ts">
import { computed } from 'vue'
import { useI18n } from 'vue-i18n'
import { Search } from 'lucide-vue-next'
import { Input } from '@/components/ui/input'
import { Button } from '@/components/ui/button'
const { t } = useI18n()
defineProps<{
category: string
search: string
@ -45,7 +49,7 @@ const towns = [
<Search class="h-5 w-5 text-muted-foreground" />
</div>
<Input type="text" :value="search" @input="emit('update:search', ($event.target as HTMLInputElement).value)"
class="pl-10" placeholder="Search..." />
class="pl-10" :placeholder="t('directory.search')" />
</div>
<div class="flex flex-col md:flex-row gap-2">
@ -59,9 +63,9 @@ const towns = [
<!-- Town Filter -->
<div class="flex gap-2 overflow-x-auto pb-2 md:pb-0">
<Button v-for="t in towns" :key="t.id" @click="emit('update:town', t.id)"
:variant="town === t.id ? 'default' : 'secondary'" size="sm" class="rounded-full">
{{ t.label }}
<Button v-for="to in towns" :key="to.id" @click="emit('update:town', to.id)"
:variant="town === to.id ? 'default' : 'secondary'" size="sm" class="rounded-full">
{{ to.label }}
</Button>
</div>
</div>