<template>
  <label :class="['field', classObject]">
    <span v-if="label" class="field-label" v-html="label"></span>
    <span v-if="description" class="field-description" v-html="description"></span>
    <prism-editor
      class="my-editor"
      :value="value"
      :highlight="highlighter"
      :readonly="readonly"
      line-numbers
      @input="(event) => $emit('input', event)"
    ></prism-editor>
    <div v-if="error" class="field-error-container">
      <div class="field-error-message">
        {{ error }}
      </div>
    </div>
  </label>
</template>

<style src="../../identity.css"></style>
<style src="./prismeditor.min.css"></style>
<style src="./prism-tomorrow.css"></style>
<style src="./styles.css"></style>

<script src="./scripts.js"></script>
