<template>
    <div class="container">
        <div class="debugEdit">
            <VAceEditor class="edit_box" v-model:value="content" v-bind="attr" :lang="lang" theme="tomorrow"
                :readonly="readonly" ref="aces" :class="{ 'border': hasBorder }" :options="{
                    fontSize: 14,
                    tabSize: 2,
                    showPrintMargin: false,
                    highlightActiveLine: highlightActiveLine,
                    showLineNumbers: showLineNumbers,
                    showGutter: showGutter
                }" />

            <div class="deviceMsg">

            </div>
        </div>
    </div>
</template>

<script setup>
import { VAceEditor } from 'vue3-ace-editor';

const content = ref(null)

const jsonDataChange = (value) => {
    // console.log(content.value)
}

const editorInit = (value) => {
    console.log(value)
}

</script>

<style></style>