vue-my-toasts icon indicating copy to clipboard operation
vue-my-toasts copied to clipboard

runtime error and vue3 compatibility question

Open thebreadlord opened this issue 3 years ago • 3 comments

Hi, I apologize if this has been brought up, but my first question is: Is your plugin vue3 compatible? If the answer is yes, I'm having some issues with the following runtime error: "vue-my-toasts.esm.js:90 Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_0__.default is not a constructor"

The initial npm install was successful, and here is the code where I'm setting up the plugin in my main.js file (very straightforward setup). I would be grateful for any suggestions, thank you!

import { createApp } from "vue"; import Sample3 from "./Sample3.vue";

const app = createApp(Sample3);

import VueMyToasts from "vue-my-toasts"; import BootstrapComponent from "vue-my-toasts/src/components/toasts/BootstrapComponent";

app.use(VueMyToasts, { component: BootstrapComponent, options: { width: '400px', position: 'bottom-right', padding: '1rem' } });

app.mount("#Sample3");

thebreadlord avatar Mar 19 '21 00:03 thebreadlord

Hello @thebreadlord ;

I'll be starting to work on a Vue 3 version for this component. 😄

This might be a big rewrite though.

Stay tuned for updates.

Tahul avatar Apr 05 '21 12:04 Tahul

@Tahul i'd love this as well ! Will you move this to vueuse? I think it might be a good fit and you're quite active there these days.

mesqueeb avatar Jul 02 '21 10:07 mesqueeb