Basic

Download the repo, extract vue-modal.umd.js and vue-modal.css out of the dist folder and insert them in your page.

<script type="text/javascript" src="vue-modal.umd.js"></script>
<link rel="stylesheet" href="vue-modal.css" />

The vue-modal component and functions are now globally available via the VueModal object.

Module System

Install it via npm

npm i @kouts/vue-modal@next --save

Use the import statement to include it into your main.js file.
You may also choose to register vue-modal globally, so that you don't need to import it in every component.

import { createApp } from 'vue'
import { Modal } from '@kouts/vue-modal'
import '@kouts/vue-modal/dist/vue-modal.css'

const app = Vue.createApp({...})

// This is optional
app.component('Modal', Modal)