Merge pull request #10 from murdercode/wijaksanapanji/master

Wijaksanapanji/master

Author: murdercode

dist/js/field.js

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

dist/mix-manifest.json

@@ -1,28 +1,28 @@
 <template>
-  <DefaultField :field="field" :errors="errors" :show-help-text="showHelpText" :full-width-content="fullWidthContent">
+  <DefaultField :field="currentField" :errors="errors" :show-help-text="showHelpText" :full-width-content="fullWidthContent">
     <template #field>
       <editor
-          :id="field.attribute"
+          :id="currentField.attribute"
           :cloud-channel="6"
           v-model="value"
-          :api-key="field.options.apiKey"
-          :init="field.options.init"
-          :plugins="field.options.plugins"
-          :toolbar="field.options.toolbar"
-          :placeholder="field.name"
+          :api-key="currentField.options.apiKey"
+          :init="currentField.options.init"
+          :plugins="currentField.options.plugins"
+          :toolbar="currentField.options.toolbar"
+          :placeholder="currentField.name"
       />
     </template>
   </DefaultField>
 </template>
 
 <script>
-import { FormField, HandlesValidationErrors } from "laravel-nova";
+import { DependentFormField, HandlesValidationErrors } from "laravel-nova";
 import Editor from "@tinymce/tinymce-vue";
 
 export default {
-  mixins: [FormField, HandlesValidationErrors],
+  mixins: [DependentFormField, HandlesValidationErrors],
 
-  props: ["resourceName", "resourceId", "field", "options"],
+  props: ["resourceName", "resourceId", "options"],
 
   components: {
     editor: Editor,
@@ -63,12 +63,6 @@ export default {
           ? "dark"
           : "default";
     },
-    /*
-     * Set the initial, internal value for the field.
-     */
-    setInitialValue() {
-      this.value = this.field.value || "";
-    },
 
     /**
      * Fill the given FormData object with the field's internal value.

resources/js/components/FormField.vue

@@ -3,9 +3,12 @@
 namespace Murdercode\TinymceEditor;
 
 use Laravel\Nova\Fields\Field;
+use Laravel\Nova\Fields\SupportsDependentFields;
 
 class TinymceEditor extends Field
 {
+    use SupportsDependentFields;
+
     /**
      * The field's component.
      *

src/TinymceEditor.php

@@ -7,5 +7,4 @@ mix
   .setPublicPath('dist')
   .js('resources/js/field.js', 'js')
   .vue({ version: 3 })
-  .css('resources/css/field.css', 'css')
   .nova('murdercode/nova4-tinymce-editor')