<template>
  <editor v-bind="options" />
</template>

<script>
import Editor from '@tinymce/tinymce-vue'
export default {
  components: {
    editor: Editor
  },
  data() {
    return {
      options: {
        init: {
          min_height: 300,
          max_height: 500,
          menubar: false,
          language: this.$i18n.locale.replace('-', '_'),
          branding: false,
          plugins: 'wordcount table autoresize charmap code fullscreen hr lists codesample',
          toolbar:
            'undo redo | removeformat formats | fontselect fontsizeselect lineheight bold italic underline strikethrough forecolor backcolor | link image | align indent outdent numlist bullist | charmap table blockquote hr codesample fullscreen',
          fontsize_formats: '12px 14px 15px 16px 17px 18px 20px 24px',
          lineheight_formats: '0.5 1 1.2 1.5 2'
        }
      }
    }
  }
}
</script>
