Add support for Nova 4 (#6)

Co-authored-by: rklugman <[email protected]>

dist/js/nova-echo.js.LICENSE.txt

@@ -0,0 +1,7 @@
+/*!
+ * Pusher JavaScript Library v7.0.6
+ * https://pusher.com/
+ *
+ * Copyright 2020, Pusher
+ * Released under the MIT licence.
+ */

dist/mix-manifest.json

@@ -1,3 +1,3 @@
 {
     "/js/nova-echo.js": "/js/nova-echo.js"
-}
+}

package.json

@@ -2,19 +2,21 @@
     "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",
-        "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
-        "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",
+        "development": "mix",
+        "watch": "mix watch",
+        "watch-poll": "mix watch -- --watch-options-poll=1000",
+        "hot": "mix watch --hot",
         "prod": "npm run production",
-        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
+        "production": "mix --production"
     },
     "devDependencies": {
         "cross-env": "^5.0.0",
-        "laravel-mix": "^1.0"
+        "laravel-mix": "^6.0",
+        "vue-loader": "^16.2.0"
     },
     "dependencies": {
-        "laravel-echo": "^1.5.2",
-        "pusher-js": "^4.3.1"
+        "laravel-echo": "^1.11.0",
+        "pusher-js": "^7.0",
+        "vue": "^3.0"
     }
 }

webpack.mix.js

@@ -1,4 +1,16 @@
 let mix = require('laravel-mix')
+let path = require('path')
 
-mix.setPublicPath('dist')
-  .js('resources/js/nova-echo.js', 'js')
+mix.alias({
+    'laravel-nova': path.join(__dirname, '../laravel/nova/resources/js/mixins/packages.js'),
+})
+
+mix.js('resources/js/nova-echo.js', 'js').vue({ version: 3 })
+    .webpackConfig({
+        externals: {
+            vue: 'Vue',
+        },
+        output: {
+            uniqueName: 'vendor/nova-echo',
+        }
+    })