Restructure Vue app directory

assets/js/vue/app.js → assets/app.js

@@ -52,10 +52,10 @@ const apolloClient = new ApolloClient({
 })
 
 
-import CacheNotification from "./components/core/CacheNotification.js";
-import LanguageForm from "./components/core/LanguageForm.js";
-import MessageBox from "./components/core/MessageBox.js";
-import SidenavSearch from "./components/core/SidenavSearch.js";
+import CacheNotification from "./components/CacheNotification";
+import LanguageForm from "./components/LanguageForm";
+import MessageBox from "./components/MessageBox";
+import SidenavSearch from "./components/SidenavSearch";
 
 Vue.component(MessageBox.name, MessageBox); // Load MessageBox globally as other components depend on it
 

assets/js/index.js → assets/index.js

 import '@mdi/font/css/materialdesignicons.css'
 
-import "./vue/main_vue.js"
-import "./vue/app.js"
+import "./util"
+import "./app"

webpack.config.js

@@ -6,7 +6,7 @@ const BundleTracker = require('webpack-bundle-tracker')
 module.exports = {
   context: __dirname,
   entry: {
-    core: './assets/js/index',
+    core: './assets/index',
     alsijil: {
       dependOn: 'core',
       import: '../AlekSIS-App-Alsijil/assets/js/vue/alsijil/LoadComponents',