import Vue from 'vue/dist/vue.esm.js'; import { getData } from "../utilities"; export default function (elem) { const data = getData(elem, ["content"]); const app = new Vue({ el: elem, data: { content: data.content, maxCharacterCount: 1500 }, computed: { characterCount: function() { if (_.isEmpty(this.content)) return 0; return _.size(this.content); }, limitReached: function() { return this.characterCount >= this.maxCharacterCount; } }, methods: { onKeyDown: function() { if (!this.limitReached) return; this.content = this.content.substring(0, this.maxCharacterCount); } } }); }