Use ES6 import to load vue component

With latest latest mix require causes problem when loaded like this.
InteractionDesignFoundation · Feb 9, 2022 · 164f19c · 164f19c
1 parent 499bb9f
commit 164f19c
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 8 deletions.
diff --git a/dist/js/field.js b/dist/js/field.js
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
@@ -1,3 +1,3 @@
 {
-    "/js/field.js": "/js/field.js?id=6fb3f72c7d031abeabce"
+    "/js/field.js": "/js/field.js?id=91285b3fc9d7bd26b92f"
 }
diff --git a/resources/js/field.js b/resources/js/field.js
@@ -1,6 +1,11 @@
-Nova.booting((Vue, router, store) => {
-  Vue.component('unlayer-editor', require('./components/UnlayerEditor'))
-  Vue.component('index-nova-unlayer-field', require('./components/IndexField'))
-  Vue.component('detail-nova-unlayer-field', require('./components/DetailField'))
-  Vue.component('form-nova-unlayer-field', require('./components/FormField'))
-})
+import UnlayerEditor from './components/UnlayerEditor.vue';
+import IndexField from './components/IndexField.vue';
+import DetailField from './components/DetailField.vue';
+import FormField from './components/FormField.vue';
+
+Nova.booting((Vue) => {
+  Vue.component('unlayer-editor', UnlayerEditor);
+  Vue.component('index-nova-unlayer-field', IndexField);
+  Vue.component('detail-nova-unlayer-field', DetailField);
+  Vue.component('form-nova-unlayer-field', FormField);
+});