Add missing DebugModal
This commit is contained in:
parent
18c0ef6ae4
commit
57139fd68a
36
src/components/DebugModal.vue
Normal file
36
src/components/DebugModal.vue
Normal file
|
@ -0,0 +1,36 @@
|
|||
<template>
|
||||
<div :class="classes">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-card">
|
||||
<header class="modal-card-head">
|
||||
<p class="modal-card-title">Debug</p>
|
||||
<button class="delete" aria-label="close" @click="close"></button>
|
||||
</header>
|
||||
<section class="modal-card-body"><pre>{{ JSON.stringify(item, null, 2) }}</pre></section>
|
||||
<footer class="modal-card-foot">
|
||||
<button class="button" @click="close">Cancel</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "DebugModal",
|
||||
props: ['active', 'item'],
|
||||
computed: {
|
||||
classes() {
|
||||
return {'is-active': this.active, 'modal': true}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
close() {
|
||||
this.$emit('close')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
Loading…
Reference in New Issue
Block a user