Какие компоненты напишешь в приложении для паркинга самокатов и моноколес на Vue

«Какие компоненты напишешь в приложении для паркинга самокатов и моноколес на Vue» — вопрос из категории Vue, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

  1. MapComponent - отображает карту с парковками и транспортом, использует Leaflet/Google Maps API.
  2. VehicleList - список доступного транспорта с фильтрами (тип, заряд, цена).
  3. ParkingSpot - карточка парковки с адресом, количеством транспорта.
  4. BookingModal - модалка для бронирования с таймером и QR-кодом.
  5. UserProfile - профиль пользователя с историей поездок и балансом.
  6. PaymentForm - компонент для пополнения баланса (интеграция с платежными системами).
  7. Navigation - главное меню с роутами (карта, профиль, история).

Пример VehicleList:

<template>
  <div class="vehicle-list">
    <VehicleCard 
      v-for="vehicle in filteredVehicles"
      :key="vehicle.id"
      :vehicle="vehicle"
      @book="openBookingModal"
    />
  </div>
</template>