vuejs-diialog@next with vue3 starter

by Ajeh Emeke

HTML

<!--// Include vuejs-->
    <link href="https://unpkg.com/vuejs-dialog@next/dist/vuejs-dialog.min.css" rel="stylesheet">
    <script src="https://unpkg.com/vue@3.5.4/dist/vue.global.js"></script>
    <script src="https://unpkg.com/vuejs-dialog@next/dist/vuejs-dialog.umd.js"></script>

<div id="app">
<button @click="$dialog.alert(message)">
{{ message }}
</button>
</div>
<script>
// Create Vue 3 app
const app = Vue.createApp({
    data() {
        return {
            message: 'Hello Vue 3!',
        };
    },
});

app.use(window.VuejsDialog.PromiseDialog, {
    animation: 'bounce'
})

// Mount the app to the DOM element
app.mount('#app');
</script>