Jacobs63/vue3-tabs-component

Error when using tabs component as UMD

Closed this issue · 1 comments

Here is a link with a demo: https://jsfiddle.net/ZsharE/e4sdk3g5/14/

On my app where i implemented the tabs component i have other error:

vue.global.js?v=cIhgzRhCcXI9Elg4ZzC-qYVYIXluS0Rzm1Xeyx8ixVQ:1616 [Vue warn]: Unhandled error during execution of setup function 
    at <Tabs onClicked=fn<tabClicked> onChanged=fn<tabChanged> nav-item-class="nav-item" > 
    at <Profile page>
vue.global.js?v=cIhgzRhCcXI9Elg4ZzC-qYVYIXluS0Rzm1Xeyx8ixVQ:1796 Uncaught TypeError: Cannot read properties of undefined (reading 'reactive')
    at setup (vue3-tabs-component.js?v=e9h-w62oZunduspLMMLP9onWi04uQbv9uwqA6X-kCZk:1:3219)
    at callWithErrorHandling (vue.global.js?v=cIhgzRhCcXI9Elg4ZzC-qYVYIXluS0Rzm1Xeyx8ixVQ:1733:24)
    at setupStatefulComponent (vue.global.js?v=cIhgzRhCcXI9Elg4ZzC-qYVYIXluS0Rzm1Xeyx8ixVQ:8633:31)
    at setupComponent (vue.global.js?v=cIhgzRhCcXI9Elg4ZzC-qYVYIXluS0Rzm1Xeyx8ixVQ:8588:13)
    at mountComponent (vue.global.js?v=cIhgzRhCcXI9Elg4ZzC-qYVYIXluS0Rzm1Xeyx8ixVQ:6950:15)
    at processComponent (vue.global.js?v=cIhgzRhCcXI9Elg4ZzC-qYVYIXluS0Rzm1Xeyx8ixVQ:6925:19)
    at patch (vue.global.js?v=cIhgzRhCcXI9Elg4ZzC-qYVYIXluS0Rzm1Xeyx8ixVQ:6527:23)
    at mountChildren (vue.global.js?v=cIhgzRhCcXI9Elg4ZzC-qYVYIXluS0Rzm1Xeyx8ixVQ:6712:15)
    at mountElement (vue.global.js?v=cIhgzRhCcXI9Elg4ZzC-qYVYIXluS0Rzm1Xeyx8ixVQ:6622:19)
    at processElement (vue.global.js?v=cIhgzRhCcXI9Elg4ZzC-qYVYIXluS0Rzm1Xeyx8ixVQ:6604:15)

Hello,

you are correct - it seems that the vue external was incorrectly defined.

I've tested your fiddle with v 1.0.10 and the issue is no longer there.