Modal.vue 503 Bytes
Newer Older
Anton's avatar
Anton committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
<template lang="pug">
  q-modal(v-model="showModal", minimized)
    .bg-dark.position-relative.q-pa-xl
      slot(name="content")
      slot(name="buttons")
        q-btn.q-ml-lg(@click="close", :icon="closeIcon", round)
</template>

<script>
  export default {
    props: ['closeIcon'],
    data () {
      return {
        showModal: false
      }
    },
    methods: {
      show () {
        this.showModal = true
      },
      close () {
        this.showModal = false
      }
    }
  }
</script>