22 lines
613 B
Vue
22 lines
613 B
Vue
<script setup lang="ts">
|
|
const menu = [
|
|
{ id: 1, title: 'home', to: '/' },
|
|
{ id: 2, title: 'issues', to: '/issues' },
|
|
{ id: 3, title: 'summary', to: '/summary' },
|
|
{ id: 4, title: 'reports', to: '/reports' },
|
|
]
|
|
</script>
|
|
|
|
<template>
|
|
<v-list class="mt-1" width="200" density="compact">
|
|
<v-list-item v-for="item in menu" :key="item.id" :to="item.to">
|
|
<v-list-item-title class="d-flex align-center ga-4">
|
|
<v-icon icon="mdi-information-outline" />
|
|
<div>{{ item.title }}</div>
|
|
</v-list-item-title>
|
|
</v-list-item>
|
|
</v-list>
|
|
</template>
|
|
|
|
<style scoped lang="scss"></style>
|