Revert "[4.x] Mix to Vite migration (#1391)" (#1403)

This reverts commit 46b85cd.

package.json

@@ -1,16 +1,20 @@
 {
     "private": true,
     "scripts": {
-        "dev": "vite",
-        "build": "vite build"
+        "dev": "npm run development",
+        "development": "mix",
+        "watch": "mix watch",
+        "watch-poll": "mix watch -- --watch-options-poll=1000",
+        "hot": "mix watch --hot",
+        "prod": "npm run production",
+        "production": "mix --production"
     },
     "devDependencies": {
-        "@vitejs/plugin-vue2": "^2.2.0",
         "axios": "^0.21",
         "bootstrap": "^4.5.0",
         "highlight.js": "^11.3.1",
         "jquery": "^3.5",
-        "laravel-vite-plugin": "^0.8.1",
+        "laravel-mix": "^6.0.6",
         "lodash": "^4.17.19",
         "moment": "^2.29.4",
         "moment-timezone": "^0.5.40",
@@ -19,12 +23,11 @@
         "sass": "^1.15.2",
         "sass-loader": "^11.0.1",
         "sql-formatter": "^3.1.0",
-        "vite": "^4.4.11",
         "vue": "^2.5.7",
-        "vue-copy-to-clipboard": "^1.0.3",
         "vue-json-pretty": "^1.6.2",
         "vue-loader": "^15.9.6",
         "vue-router": "^3.0.1",
-        "vue-template-compiler": "^2.5.21"
+        "vue-template-compiler": "^2.5.21",
+        "vue-copy-to-clipboard": "^1.0.3"
     }
 }

public/mix-manifest.json

@@ -0,0 +1,5 @@
+{
+    "/app.js": "/app.js?id=140ed4bc5b10bc99492b97668c59272d",
+    "/app-dark.css": "/app-dark.css?id=b11fa9a28e9d3aeb8c92986f319b3c44",
+    "/app.css": "/app.css?id=b3ccfbe68f24cff776f83faa8dead721"
+}

resources/js/app.js

@@ -6,13 +6,8 @@ import VueRouter from 'vue-router';
 import VueJsonPretty from 'vue-json-pretty';
 import 'vue-json-pretty/lib/styles.css';
 import moment from 'moment-timezone';
-import RelatedEntries from './components/RelatedEntries.vue';
-import IndexScreen from './components/IndexScreen.vue';
-import PreviewScreen from './components/PreviewScreen.vue';
-import AlertComponent from './components/Alert.vue';
-import CopyClipboard from './components/CopyClipboard.vue';
 
-import 'bootstrap';
+require('bootstrap');
 
 let token = document.head.querySelector('meta[name="csrf-token"]');
 
@@ -22,8 +17,7 @@ if (token) {
 
 Vue.use(VueRouter);
 
-import Popper from 'popper.js';
-window.Popper = Popper;
+window.Popper = require('popper.js').default;
 
 moment.tz.setDefault(Telescope.timezone);
 
@@ -43,11 +37,11 @@ const router = new VueRouter({
 });
 
 Vue.component('vue-json-pretty', VueJsonPretty);
-Vue.component('related-entries', RelatedEntries);
-Vue.component('index-screen', IndexScreen);
-Vue.component('preview-screen', PreviewScreen);
-Vue.component('alert', AlertComponent);
-Vue.component('copy-clipboard', CopyClipboard);
+Vue.component('related-entries', require('./components/RelatedEntries.vue').default);
+Vue.component('index-screen', require('./components/IndexScreen.vue').default);
+Vue.component('preview-screen', require('./components/PreviewScreen.vue').default);
+Vue.component('alert', require('./components/Alert.vue').default);
+Vue.component('copy-clipboard', require('./components/CopyClipboard.vue').default);
 
 Vue.mixin(Base);