Details
-
Bug
-
Resolution: Outdated
-
High
-
None
-
None
-
None
-
None
Description
vue-editor is using vue@^3.0.0 internally
As of today Nuxt officialy supports only vue@^2.6.12 (Production ready)
Because of that we're unable to use vue-editor in Nuxt projects
Adding vue-editor in nuxt projects resulting in folowing error:
TypeError: Cannot read properties of undefined (reading 'value') at VueComponent.renderingContent (vue-editor.umd.min.js?075f:1) at Watcher.get (vue.runtime.esm.js?2b0e:4495) at Watcher.evaluate (vue.runtime.esm.js?2b0e:4597) at Proxy.computedGetter (vue.runtime.esm.js?2b0e:4851) at Proxy.render (vue-editor.umd.min.js?075f:1) at VueComponent.Vue._render (vue.runtime.esm.js?2b0e:3569) at VueComponent.updateComponent (vue.runtime.esm.js?2b0e:4070) at Watcher.get (vue.runtime.esm.js?2b0e:4495) at new Watcher (vue.runtime.esm.js?2b0e:4484) at mountComponent (vue.runtime.esm.js?2b0e:4088)
which originates in EditablePage.vue:
setup(props) {
let reactiveTemplateAnnotations = {};
if (props.templateAnnotations) {
reactiveTemplateAnnotations = ref({ value: props.templateAnnotations });
}
return {
reactiveTemplateAnnotations
};
},
computed: {
renderingContent() {
return TemplateAnnotations.generateMissingAreas(this.content, this.reactiveTemplateAnnotations.value);
}
},
Checklists
Acceptance criteria