diff --git a/package.json b/package.json
index 0e06942c..d1e7fe2a 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
     "private": true,
     "scripts": {
         "dev": "npm run development",
-        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --config=node_modules/laravel-mix/setup/webpack.config.js",
         "watch": "npm run development -- --watch",
         "watch-poll": "npm run watch -- --watch-poll",
         "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
@@ -33,7 +33,6 @@
         "vue-debounce": "^2.6.0",
         "vue-gtag": "^1.16.1",
         "vue-multi-select": "^4.6.0",
-        "vue-template-compiler": "^2.6.10",
         "vue-the-mask": "^0.11.1",
         "vuelidate": "^0.7.4",
         "vuex": "^3.1.1"
@@ -60,11 +59,13 @@
         "gulp-streamify": "^1.0.2",
         "gulp-uglify": "^3.0.0",
         "gulp-uglify-es": "^2.0.0",
-        "laravel-mix": "^5.0.9",
+        "laravel-mix": "^6.0.49",
         "laravel-vapor": "^0.7.0",
         "lodash": "^4.17.19",
         "postcss": "^8.1.14",
-        "resolve-url-loader": "^3.1.2"
+        "resolve-url-loader": "^3.1.2",
+        "vue-loader": "^15.11.1 ",
+        "vue-template-compiler": "^2.7.16"
     },
     "paths": {
         "build": {
diff --git a/webpack.mix.js b/webpack.mix.js
index 01dcbd11..c93cfbe4 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -11,4 +11,6 @@ const mix = require('laravel-mix');
  |
  */
 
-mix.js('./resources/assets/vue/app.js', 'public/vue').version();
+mix.js('./resources/assets/vue/app.js', 'public/vue')
+    .vue()
+    .version()