#Vuetify
[[Composition API]]を使っている場合は、[[Composition APIでv-modelを使ったコンポーネントを作成]]する必要がある。
`v-bottom-sheet`は`v-dialog`のイベントを継承しているため`@input`が使える。
```ts:your-component.vue
<template>
<v-bottom-sheet :value="value"
@input="handleInput"
>
</v-bottom-sheet>
</template>
export default defineComponent({
props: {
value: { type: Boolean },
},
setup(props, { emit }) {
const handleInput = (newValue: boolean) => {
emit('input', boolean)
}
return {
handleInput,
}
},
})
```