Hi, we use splitpanes in a vue 2 app which we are currently upgrading to vue3. We have upgraded to the Vue Migration Build (vue compat) with Splitpanes 3 and we're seeing the error this.$slots.default is not a function in the console, and the splitpanes are not rendering.
console error
vue.runtime.esm-bundler.js:1789 Uncaught TypeError: this.$slots.default is not a function
at Proxy.render (splitpanes.es.js:280:26)
at Proxy.compatRender (vue.runtime.esm-bundler.js:4931:21)
at renderComponentRoot (vue.runtime.esm-bundler.js:2858:16)
at ReactiveEffect.componentUpdateFn [as fn] (vue.runtime.esm-bundler.js:8923:46)
at ReactiveEffect.run (vue.runtime.esm-bundler.js:593:19)
at instance.update (vue.runtime.esm-bundler.js:9057:51)
at setupRenderEffect (vue.runtime.esm-bundler.js:9065:5)
at mountComponent (vue.runtime.esm-bundler.js:8831:5)
at processComponent (vue.runtime.esm-bundler.js:8783:9)
at patch (vue.runtime.esm-bundler.js:8271:11)
I have abstracted this out to a very basic vue app using the Vue3 migration build in mode2 (backwards compatibility with Vue2). See source below.
I have tried changing the compatibility mode to 3 and its the same error.
Hi, we use splitpanes in a vue 2 app which we are currently upgrading to vue3. We have upgraded to the Vue Migration Build (vue compat) with Splitpanes 3 and we're seeing the error this.$slots.default is not a function in the console, and the splitpanes are not rendering.
console error vue.runtime.esm-bundler.js:1789 Uncaught TypeError: this.$slots.default is not a function at Proxy.render (splitpanes.es.js:280:26) at Proxy.compatRender (vue.runtime.esm-bundler.js:4931:21) at renderComponentRoot (vue.runtime.esm-bundler.js:2858:16) at ReactiveEffect.componentUpdateFn [as fn] (vue.runtime.esm-bundler.js:8923:46) at ReactiveEffect.run (vue.runtime.esm-bundler.js:593:19) at instance.update (vue.runtime.esm-bundler.js:9057:51) at setupRenderEffect (vue.runtime.esm-bundler.js:9065:5) at mountComponent (vue.runtime.esm-bundler.js:8831:5) at processComponent (vue.runtime.esm-bundler.js:8783:9) at patch (vue.runtime.esm-bundler.js:8271:11)
I have abstracted this out to a very basic vue app using the Vue3 migration build in mode2 (backwards compatibility with Vue2). See source below.
I have tried changing the compatibility mode to 3 and its the same error.
Do you have any suggestions?
Thanks
App.vue
Heading.vue
main.js
vue.config
package.json