@shapla/vue-confirm v1.0.0

Shapla Confirm Dialog

A simple confirm modal/dialog based on modal component for Vue 3

Table of contents

• Installation
• Usage

Installation

npm install --save @shapla/vue-confirm

Usage

Note

Use only one 'ShaplaConfirmContainer' component in the app.

Javascript Instantiation

import Dialog, {ShaplaConfirmContainer} from '@shapla/vue-confirm';

export default {
  name: 'Hello',

  components: {
    ShaplaConfirmContainer
  },
  setup() {
    const openConfirmModal = () => {
      Dialog.confirm('Are you sure to delete the item?').then(confirm => {
        if (confirm) {
          console.log('Confirmed');
        }
      });
    }

    const openAlertModal = () => {
      Dialog.alert({message: 'You need to click Ok button to close it.', title: 'Simple Alert'});
    }

    return {
      openAlertModal,
      openConfirmModal
    }
  },
}

<button @click="openConfirmModal">Confirm</button>
<button @click="openAlertModal">Alert</button>

<shapla-confirm-container/>

Notify API

• Dialog.alert(message);
• Dialog.confirm(message);

Both alert and confirm can accept String for the message or Object with following props.