diff --git a/resources/assets/js/app.js b/resources/assets/js/app.js
index c2490c0a7..d2330be59 100644
--- a/resources/assets/js/app.js
+++ b/resources/assets/js/app.js
@@ -15,8 +15,29 @@ require('./bootstrap');
 
 window.Vue = require('vue');
 
+const requireModulesVueFiles = (moduleVueFiles) => {
+    moduleVueFiles.keys().map(key => {
+        Vue.component(
+            key.split('/').pop().split('.')[0],
+            moduleVueFiles(key).default
+        )
+    })
+}
+
+requireModulesVueFiles(require.context(
+    '../../../addons/default/visiosoft',
+    true,
+    /\.vue$/i
+))
+
+requireModulesVueFiles(require.context(
+    '../../../core/visiosoft',
+    true,
+    /\.vue$/i
+))
+
 // Vue.component('example', require('./components/Example.vue').default);
-//
-// const app = new Vue({
-//     el: '#app'
-// });
+
+const app = new Vue({
+    el: '#openclassify'
+});
diff --git a/webpack.mix.js b/webpack.mix.js
index 38af9c2b7..69594ff2d 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -13,6 +13,4 @@ let mix = require('laravel-mix');
 
 mix
     .js('resources/assets/js/app.js', 'public/js')
-    .js('addons/default/visiosoft/*/resources/js/vue/app.js', 'public/js')
-    .js('core/visiosoft/*/resources/js/vue/app.js', 'public/js')
     .sass('resources/assets/sass/app.scss', 'public/css');