From d7a6acdebcb7aca910304870d59d4a9bc49720d2 Mon Sep 17 00:00:00 2001
From: diashalabi <diahshalabi@hotmail.com>
Date: Sun, 6 Sep 2020 19:22:42 +0300
Subject: [PATCH] improve the way vue js is compiled to prevent errors

---
 resources/assets/js/app.js | 29 +++++++++++++++++++++++++----
 webpack.mix.js             |  2 --
 2 files changed, 25 insertions(+), 6 deletions(-)

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');