2024-12-06 21:20:27 +02:00
|
|
|
<template>
|
|
|
|
|
<div
|
|
|
|
|
class="sticky bottom-0 bg-white shadow-md py-safe-or-4 sm:border-b sm:order-first sm:justify-center touch-none"
|
|
|
|
|
>
|
|
|
|
|
<div
|
|
|
|
|
class="flex justify-around sm:justify-between sm:gap-8 sm:px-4 sm:flex-row sm:bg-white sm:max-w-prose mx-auto"
|
|
|
|
|
>
|
|
|
|
|
<TabMenuItem
|
2024-12-06 21:51:11 +02:00
|
|
|
v-for="{ route, label, icon, unreadCount } in tabs"
|
2024-12-06 21:20:27 +02:00
|
|
|
:key="route"
|
|
|
|
|
:label
|
|
|
|
|
:icon
|
|
|
|
|
:to="{ name: route }"
|
2024-12-06 21:51:11 +02:00
|
|
|
:unreadCount
|
2024-12-06 21:20:27 +02:00
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
|
|
import { ROUTE_NAMES } from '@/constants/routes'
|
|
|
|
|
type Tab = {
|
|
|
|
|
route: (typeof ROUTE_NAMES)[keyof typeof ROUTE_NAMES]
|
|
|
|
|
label: string
|
|
|
|
|
icon: string
|
2024-12-06 21:51:11 +02:00
|
|
|
unreadCount?: number
|
2024-12-06 21:20:27 +02:00
|
|
|
}
|
|
|
|
|
const tabs: Tab[] = [
|
|
|
|
|
{ route: ROUTE_NAMES.CREATE, label: 'Создать QR-код', icon: 'plus' },
|
|
|
|
|
{ route: ROUTE_NAMES.MANAGE_DASHBOARD_QR, label: 'Мои QR-коды', icon: 'qrcode' },
|
|
|
|
|
{ route: ROUTE_NAMES.MANAGE_DASHBOARD_CHATS, label: 'Чаты', icon: 'comments' },
|
|
|
|
|
// { to: ROUTE_NAMES., label: 'Профиль', icon: 'user' },
|
|
|
|
|
]
|
|
|
|
|
</script>
|
