diff --git a/package.json b/package.json
index 9ce239ba99a5d9f176b7682477ed6930200d4959..21360bfd5f27d37d7a43717c9590b8b619caad42 100644
--- a/package.json
+++ b/package.json
@@ -51,6 +51,7 @@
   "dependencies": {
     "autoprefixer": "^9.7.2",
     "bootstrap-loader": "^3.0.4",
+    "bootstrap-vue": "^2.1.0",
     "expose-loader": "^0.7.5",
     "fibers": "^4.0.2",
     "mem": "^6.0.0",
@@ -62,6 +63,7 @@
     "qrcode": "^1.4.4",
     "sass": "^1.23.7",
     "schema-utils": "^2.5.0",
-    "sugarss": "^2.0.0"
+    "sugarss": "^2.0.0",
+    "vue": "^2.6.10"
   }
 }
diff --git a/scipost/static/scipost/assets/js/main.js b/scipost/static/scipost/assets/js/main.js
new file mode 100644
index 0000000000000000000000000000000000000000..5494243280761b113a5104dbdca78021e5b5ada9
--- /dev/null
+++ b/scipost/static/scipost/assets/js/main.js
@@ -0,0 +1,7 @@
+import Vue from 'vue'
+import BootstrapVue from 'bootstrap-vue'
+
+Vue.use(BootstrapVue)
+
+// import 'bootstrap/dist/css/bootstrap.css'
+import 'bootstrap-vue/dist/bootstrap-vue.css'
diff --git a/webpack.dev.config.js b/webpack.dev.config.js
index 5430a1d087936cb7fc75315b19be5398233984ea..3958f440b27425a76246f5bec6396c841fd292a6 100644
--- a/webpack.dev.config.js
+++ b/webpack.dev.config.js
@@ -11,9 +11,9 @@ module.exports = {
         main: [
 	    "tether",
             "bootstrap-loader",
+            "./scipost/static/scipost/assets/js/main.js",
             "./scipost/static/scipost/assets/js/dynamic_loading.js",
             "./scipost/static/scipost/assets/js/scripts.js",
-            "./scipost/static/scipost/assets/js/vue.js",
         ],
         homepage: [
             "./scipost/static/scipost/assets/js/fader.js",