Updated mixed typings

dist/js/field.js.LICENSE.txt

@@ -0,0 +1,6 @@
+/*!
+ * Determine if an object is a Buffer
+ *
+ * @author   Feross Aboukhadijeh <https://feross.org>
+ * @license  MIT
+ */

dist/mix-manifest.json

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

package.json

@@ -2,20 +2,20 @@
   "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-nova": "^1.0"
+    "laravel-mix": "^6.0",
+    "vue-loader": "^16.0.2"
   },
   "dependencies": {
     "axios": "^0.18.0",
-    "vue": "^2.5.0"
+    "vue": "^3.0"
   }
 }

resources/js/field.js

@@ -1,3 +1,5 @@
+import IndexField from "./components/IndexField";
+
 Nova.booting((Vue, router) => {
-    Vue.component('index-duplicate-field', require('./components/IndexField'));
+    Vue.component('index-duplicate-field', IndexField);
 })

src/DuplicateField.php

@@ -14,7 +14,7 @@ class DuplicateField extends Field
      */
     public $component = 'duplicate-field';
 
-    public function __construct(string $name, ? string $attribute = null, ? mixed $resolveCallback = null)
+    public function __construct(string $name, ? string $attribute = null, mixed $resolveCallback = null)
     {
         parent::__construct(null, null, null);
 

src/Http/Controllers/DuplicateController.php

@@ -2,15 +2,15 @@
 
 namespace Jackabox\DuplicateField\Http\Controllers;
 
-use Illuminate\Http\Request;
+use Laravel\Nova\Http\Requests\NovaRequest;
 use Illuminate\Routing\Controller;
 
 class DuplicateController extends Controller
 {
     /**
      * Duplicate a nova field and all of the relations defined.
      */
-    public function duplicate(Request $request)
+    public function duplicate(NovaRequest $request)
     {
         // Replicate the model
         $model = $request->model::where('id', $request->id)->first();

webpack.mix.js

@@ -1,3 +1,10 @@
 let mix = require("laravel-mix");
 
-mix.setPublicPath("dist").js("resources/js/field.js", "js");
+mix.setPublicPath("dist")
+    .js('resources/js/field.js', 'js')
+    .vue({ version: 3 })
+    .webpackConfig({
+        externals: {
+            vue: 'Vue',
+        },
+    })