vuetify dialog component #vuetify #dialog

dialog.vue

<template>
  <v-dialog class="card-create-dialog__dialog"
            v-model="$_show"
            scrollable
            persistent
            :overlay="false"
            max-width="800px"
            transition="dialog-transition"
            :fullscreen="$vuetify.breakpoint.xsOnly">
  </v-dialog>
</template>
<script>
export default {
  name: 'Banner',
  props: {
    show: {
      type: Boolean,
      default: false,
    },
  },
  computed: {
    $_show: {
      get() {
        return this.show;
      },
      set(nval) {
        this.$emit('update:show', nval);
      },
    },
  },
};
</script>
<style lang="scss" scoped>
</style>