<transition name="modal">
<div class="modal-mask">
<div class="modal-wrapper">
<div class="modal-container">
<div class="modal-header">
<slot name="header">
default header
</slot>
</div>
<div class="modal-body">
<slot name="body">
default body
</slot>
</div>
<div class="modal-footer">
<slot name="footer">
default footer
<button class="modal-default-button" @click="$emit('close')">
OK
</button>
</slot>
</div>
</div>
</div>
</div>
</transition>
<template>
<div>
<main>
<div class="container">
<Nuxt /> // other app
</div>
</main>
<Modal /> // modal
</div>
</template>
<script>
import Modal from '@/components/Modal.vue';
export default {
components: {
Modal
}
}
</script>
<style>
</style>