<template>
    <div class="json-coment">
        <json-viewer
            :value="jsonData"
            :expand-depth="5"
            sort
        ></json-viewer>
    </div>
</template>
<script>
import JsonViewer from 'vue-json-viewer';
export default {
    props: {
        jsonData: {
            type: Object,
            require: true
        }
    },
    components: {
        JsonViewer
    }
}
</script>

<style lang="scss" scoped>
    .json-coment {
        ::v-deep .jv-node {
            max-width: 720px;
        }
        ::v-deep .jv-key-node:hover {
            background: #ecf5ff;
        }
    }
</style>