TypeError: Cannot read properties of undefined (reading 'show')

[vesnindev]

Problem:

Hello.

I get error: TypeError: Cannot read properties of undefined (reading 'show')

Version:

Example & screenshots:

import VModal from 'vue-js-modal'; Vue.use(VModal, { dialog: true, componentName: "foo-modal" });

this.$modal.show('dialog', { title: 'В корзине!', text: 'Товар добавлен в корзину покупок!', buttons: [ { title: '<i class="fas fa-thumbs-up"></i> Продолжить покупки', handler: () => { this.$modal.hide('dialog') } }, { title: '<i class="fas fa-shopping-cart"></i> Перейти в корзину', handler: () => { window.location.href = response.data.cart.cartUrl; } }, // { // title: 'Repost', // handler: () => { // alert('Repost action') // } // } ] })

I have checked stackoverflow for solutions and 100% sure that this issue is not not related to my code.

[akbariandev]

@vesnindev Have you any solution for this?

[vesnindev]

@vesnindevУ вас есть какое-нибудь решение для этого?

I use sweetalert2

[frankasoto]

For anyone else that encounters this issue, it is related to how VModal is registered. I had a similar problem and using the default of the VModal import helped.
Vue.use(VModal.default,{ dialog: true, componentName: "foo-modal" });