<script setup lang="ts">
/**
 * Выезжающее «Ещё» для телефона: разделы вне 5 нижних вкладок.
 * Ни один экран не выкидываем — Настройки (реквизиты), Отчёты, Импорт, Помощь, Дашборд
 * доступны отсюда. Полнота функций — на десктопе; на телефоне вкладка работает, но урезана.
 */
const open = defineModel<boolean>('open', { default: false });

interface Item {
    title: string;
    to: string;
}
const items: Item[] = [
    { title: 'Дашборд', to: '/dashboard' },
    { title: 'Отчёты', to: '/reports' },
    { title: 'Настройки', to: '/settings' },
    { title: 'Импорт данных', to: '/import' },
    { title: 'Помощь', to: '/help' },
];
</script>

<template>
    <v-navigation-drawer v-model="open" temporary location="right" width="280">
        <v-list nav>
            <v-list-item
                v-for="i in items"
                :key="i.to"
                :to="i.to"
                :title="i.title"
                data-testid="more-item"
                @click="open = false"
            />
        </v-list>
    </v-navigation-drawer>
</template>
