[[Vuetify2]]の`v-list`を使って垂直メニューを実現する方法。
```ts
interface State {
activeItem: { text: string } | null,
}
const state = reactive<State>({
activeItem: null,
});
declare const items: { text: string }[];
```
```html
<v-list style="height: calc(90vh - 150px); overflow-y: auto;">
<v-list-item-group v-model="state.activeItem">
<template v-for="item in items">
<v-list-item
:value="item"
@click="state.activeItem = item"
>
<v-list-item-title>{{ item.text }}</v-list-item-title>
</v-list-item>
<v-divider></v-divider>
</template>
</v-list-item-group>
</v-list>
```