SweetModal library for use with Vue.js

Usage no npm install needed!

<script type="module">
  import shlimaSweetModalVue from 'https://cdn.skypack.dev/@shlima/sweet-modal-vue';



I have added AMD bundle to the vue-sweet-modal

# Source: dist/sweet-modal.umd.js
# compile
./node_modules/webpack/bin/webpack.js  --config=src/webpack.umd.config.js
./node_modules/@babel/cli/bin/babel.js dist/sweet-modal.js > dist/sweet-modal.umd.js  
# Usage
yarn add @shlima/sweet-modal-vue@2.0.0
import { SweetModal } from '@shlima/sweet-modal-vue/dist/sweet-modal.umd'


The sweetest library to happen to modals. Now available for Vue.js.


Install SweetModal for Vue.js through npm:

npm install sweet-modal-vue


For examples, refer to the demo page.

Browser Compatibility

SweetModal should work in most major browsers:

  • Safari 9+
  • Firefox 20+
  • Chrome 20+
  • Opera 15+
  • Microsoft Edge


  1. Fork the repository
  2. Run npm install
  3. Run npm run dev and start hacking. You can reach the example site at http://localhost:8081.
  4. When you're done, run one final npm run build command and commit your work for a pull request.


  • tabs for indentation, 1 tab = 4 spaces
  • camelCase method names
  • _camelCase for private methods
  • snake_case computed properties
  • snake_case data
  • kebap-case attributes
  • arrow functions if possible
  • be fully ES6 compliant!