<style lang="scss">
.code-editor-component {
  // override bootstrap css (Q.Cms/node_modules/bootstrap/dist/css/bootstrap.css) that sets .tag styling
  .tag {
    font-size: 100%;
    display: inline;
    padding: 0;
    font-weight: normal;
    line-height: normal;
    text-align: left;
    white-space: normal;
    border-radius: 0;
  }
}
</style>

<script>
import CodeEditor from './code-editor.vue';

export default {
  extends: CodeEditor,
  props: {
    value: {
      required: true,
      validator: (value) => value === null || typeof value === 'string',
      demoValue: '<div class="html-editor">\n <h1>This is heading 1</h1>\n <p>This is a paragraph</p>\n</div>'
    }
  },
  data() {
    return {
      codeLanguage: 'html'
    };
  }
};
</script>
