knowyt/client/src/components/EngineDebug.vue
2021-11-28 17:24:22 +01:00

36 lines
650 B
Vue

<template>
<div class="enginedebug">
<pre class="enginedebug__json">{{ userJson }}</pre>
<pre class="enginedebug__json">{{ engineJson }}</pre>
</div>
</template>
<script>
export default {
computed: {
userJson() {
return JSON.stringify(this.$store.state.engine.user, null, 2)
},
engineJson() {
return JSON.stringify(this.$store.state.engine.json, null, 2)
},
}
}
</script>
<style lang="scss">
@import '~/assets/css/components';
.enginedebug {
width: 100%;
height: 100%;
background-color: rgba(0, 32, 64, 0.75);
overflow: auto;
&__json {
color: #808080;
font-size: 10px;
}
}
</style>