/home/henzagold/site/components/ Current File: //home/henzagold/site/components/Modal.vue
<template>
   <!-- Quick View Modal Start -->
  <div class="modal fade quick-view-modal" id="quickViewModal" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
      <div class="modal-content">
        <div class="modal-body">
          <div class="close-btn close-dark close" data-dismiss="modal" @click="close()">
            <span></span>
            <span></span>
          </div>
          <div class="container-fluid">
            <slot name='content'></slot>

          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Quick View Modal End -->
</template>

<script>
export default {
  name: "Modal",
  data() {
    return {

    }
  },
  props:{
    value:{
      type:Boolean
    }
  },
  methods:{
    close(){
       this.$emit('input', false);
    }
  },
  watch:
  {
    value(newValue){
      if(newValue){
        $('#quickViewModal').modal({show:true});
      }else
      {
        $('#quickViewModal').modal({show:false});
      }
    },
  },
  mounted() {
    if(this.value)
    {
      $('#quickViewModal').modal({show:true});
    }


  }
}
</script>

<style scoped>

</style>