app_vue2/components/Form/BottomSheetComponent.vue

<template>
  <div class="text-center">
    <v-bottom-sheet
      v-model="openSheet"
      persistent
    >
      <v-sheet
        class="text-center"
      >
        <slot></slot>

        <v-btn
          class="mt-6"
          text
          color="error"
          @click="$emit('close-bottom-sheet', false)"
        >
          close
        </v-btn>
      </v-sheet>
    </v-bottom-sheet>
  </div>
</template>


<script>
  import {defineComponent} from '@nuxtjs/composition-api'

  export default defineComponent({
    name: "BottomSheetComponent",
    props:{
      openSheet:{
        type:Boolean,
        required: true
      }
    },
    setup: function () {

    }
  })
</script>

<style scoped>

</style>