Add CatalogSearchBar component with filter badges
All checks were successful
Build Docker Image / build (push) Successful in 5m8s

- Create CatalogSearchBar.vue with search input, filter badges (× to remove), filter dropdown, counter, sort dropdown
- Integrate searchBar slot into CatalogPage with displayedCount and totalCount
- Update hubs page to use CatalogSearchBar with transport type and country filters
- Add translations for search bar in common.json
- Add transport/country filter labels in catalogHubsSection.json
This commit is contained in:
Ruslan Bakiev
2026-01-14 12:31:38 +07:00
parent a493d2cf01
commit 134b8a5eb4
7 changed files with 256 additions and 8 deletions

View File

@@ -15,7 +15,9 @@
"auto": "Auto",
"rail": "Rail",
"sea": "Sea",
"air": "Air"
"air": "Air",
"transport": "Transport type",
"country": "Country"
}
}
}

View File

@@ -25,6 +25,11 @@
"theme_light": "Light mode",
"values": {
"not_available": "Not available"
},
"searchBar": {
"placeholder": "Search...",
"filters": "Filters",
"sort": "Sort"
}
},
"units": {

View File

@@ -15,7 +15,9 @@
"auto": "Авто",
"rail": "Ж/д",
"sea": "Море",
"air": "Авиа"
"air": "Авиа",
"transport": "Тип транспорта",
"country": "Страна"
}
}
}

View File

@@ -25,6 +25,11 @@
"theme_light": "Светлая тема",
"values": {
"not_available": "Нет данных"
},
"searchBar": {
"placeholder": "Поиск...",
"filters": "Фильтры",
"sort": "Сортировка"
}
},
"units": {