Installation

in 3 steps

Step 0

Add the package to your node_modules

npm
npm i vuejs-confirm-dialog
yarn
yarn add vuejs-confirm-dialog
pnpm
pnpm add vuejs-confirm-dialog

Step 1

Install the plugin:

main.js
import { createApp } from 'vue'
import App from './App.vue'
import * as ConfirmDialog from 'vuejs-confirm-dialog'
createApp(App).use(ConfirmDialog).mount('#app')

Step 2

Add DialogsWrapper to App.vue template:

App.vue
<template>
  <div class="app">
  </div>
  <!-- put it in the template of your App.vue file to make dialogs work -->
  <!-- Don't need import the component, if you installed the plugin -->
  <DialogsWrapper />
</template>

And that's it! Now you can use it.

Table of Contents