Ответ
- MapComponent - отображает карту с парковками и транспортом, использует Leaflet/Google Maps API.
- VehicleList - список доступного транспорта с фильтрами (тип, заряд, цена).
- ParkingSpot - карточка парковки с адресом, количеством транспорта.
- BookingModal - модалка для бронирования с таймером и QR-кодом.
- UserProfile - профиль пользователя с историей поездок и балансом.
- PaymentForm - компонент для пополнения баланса (интеграция с платежными системами).
- Navigation - главное меню с роутами (карта, профиль, история).
Пример VehicleList:
<template>
<div class="vehicle-list">
<VehicleCard
v-for="vehicle in filteredVehicles"
:key="vehicle.id"
:vehicle="vehicle"
@book="openBookingModal"
/>
</div>
</template>