Use ES6 import to load vue component

With latest latest mix require causes problem when loaded like this.

Author: hasan-wajahat

dist/js/field.js

@@ -1,3 +1,3 @@
 {
-    "/js/field.js": "/js/field.js?id=6fb3f72c7d031abeabce"
+    "/js/field.js": "/js/field.js?id=91285b3fc9d7bd26b92f"
 }

dist/mix-manifest.json

@@ -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);
+});