-
Notifications
You must be signed in to change notification settings - Fork 76
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Vue 3 composition API support #172
Comments
Hi, sorry for the late reply. Did you follow our docs on Vue 3? |
@FilipTokarski , hey there
I receive no error, but when i console log the imported CKEditor, i can see an object with the vue's options properties thus it won't work if i completely removed the option api in my webpack build Is there any way to make this work? I cannot use it like this :( Edit: Looks like i'm able to use it like this in a mounted hook:
|
cc @psmyrek |
any news here? |
The CKEditor 5 component for Vue.js uses Options API internally, so to be able to use it in your application you cannot remove |
yeah, i figured that. Are there any plans to add composition api only support? For me isn't really an option to keep the option api since i'm not using it and it's just dead weight. |
Probably not in the near future. Our priority was to prepare the CKEditor 5 component to run in the Vue 3 without unnecessary refactoring. That's why we left the Options API and did not rewrite it for the Composition API. |
Hi,
I am currently migrating from Vue options API to composition API, but I encountered an error during plugin initialization.
[Vue warn]:
beforeDestroyhas been renamed to
beforeUnmount. at <Ckeditor modelValue="<p>Content of the editor.</p>" onUpdate:modelValue=fn editor=fn<ClassicEditor> ... > at <Main onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > at <RouterView> at <Main onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > at <RouterView> at <App>
[Vue warn]: Unhandled error during execution of render function at <Ckeditor modelValue="<p>Content of the editor.</p>" onUpdate:modelValue=fn editor=fn<ClassicEditor> ... > at <Main onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > at <RouterView> at <Main onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > at <RouterView> at <App>
[Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next at <Ckeditor modelValue="<p>Content of the editor.</p>" onUpdate:modelValue=fn editor=fn<ClassicEditor> ... > at <Main onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > at <RouterView> at <Main onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > at <RouterView> at <App>
ckeditor.js?3730:5 Uncaught (in promise) TypeError: t is not a function at Proxy.render (ckeditor.js?3730:5) at renderComponentRoot (runtime-core.esm-bundler.js?5c40:705) at componentEffect (runtime-core.esm-bundler.js?5c40:4044) at reactiveEffect (reactivity.esm-bundler.js?a1e9:42) at effect (reactivity.esm-bundler.js?a1e9:17) at setupRenderEffect (runtime-core.esm-bundler.js?5c40:4027) at mountComponent (runtime-core.esm-bundler.js?5c40:3985) at processComponent (runtime-core.esm-bundler.js?5c40:3945) at patch (runtime-core.esm-bundler.js?5c40:3556) at mountChildren (runtime-core.esm-bundler.js?5c40:3745)
Does ckeditor5-vue support the composition API?
Thank you!
The text was updated successfully, but these errors were encountered: