diff --git a/package-lock.json b/package-lock.json
index 9d0cc0b..d63c72f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15878,6 +15878,14 @@
       "integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==",
       "dev": true
     },
+    "vue-js-modal": {
+      "version": "2.0.0-rc.6",
+      "resolved": "https://registry.npmjs.org/vue-js-modal/-/vue-js-modal-2.0.0-rc.6.tgz",
+      "integrity": "sha512-bJOm7Yhrl0ur/QyXjoC3gMMmE7UxiVEcS2rl8v9iPXIe9QLvjiCSZElSOvvyps8LNuG1X0rPifZGxI/CWKCFaw==",
+      "requires": {
+        "resize-observer-polyfill": "^1.5.1"
+      }
+    },
     "vue-loader": {
       "version": "15.9.3",
       "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.9.3.tgz",
diff --git a/package.json b/package.json
index 79727eb..63773db 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     "sqlite-parser": "^1.0.1",
     "vue": "^2.6.11",
     "vue-codemirror": "^4.0.6",
+    "vue-js-modal": "^2.0.0-rc.6",
     "vue-router": "^3.2.0",
     "vuejs-paginate": "^2.1.0",
     "vuera": "^0.2.7",
diff --git a/src/main.js b/src/main.js
index 8bac8ca..8b1c68f 100644
--- a/src/main.js
+++ b/src/main.js
@@ -3,13 +3,16 @@ import App from './App.vue'
 import router from './router'
 import store from './store'
 import { VuePlugin } from 'vuera'
+import VModal from 'vue-js-modal'
 
 import '@/assets/styles/variables.css'
 import '@/assets/styles/buttons.css'
 import '@/assets/styles/textFields.css'
 import '@/assets/styles/tables.css'
+import '@/assets/styles/dialogs.css'
 
 Vue.use(VuePlugin)
+Vue.use(VModal)
 
 Vue.config.productionTip = false