Deprecate on:load event, use on:ready instead

Author: brunolemos

README.md

@@ -42,11 +42,7 @@ Next, you'll need to import the Email Editor component to your app.
         <button v-on:click="exportHtml">Export HTML</button>
       </div>
 
-      <EmailEditor
-        ref="emailEditor"
-        v-on:load="editorLoaded"
-        v-on:ready="editorReady"
-      />
+      <EmailEditor ref="emailEditor" v-on:ready="editorReady" />
     </div>
   </div>
 </template>
@@ -60,15 +56,10 @@ Next, you'll need to import the Email Editor component to your app.
       EmailEditor,
     },
     methods: {
-      // called when the editor is created
-      editorLoaded() {
-        console.log('editorLoaded');
-        // Pass the template JSON here
-        // this.$refs.emailEditor.editor.loadDesign({});
-      },
-      // called when the editor has finished loading all custom css/js/fonts
       editorReady() {
         console.log('editorReady');
+        // Pass the template JSON here
+        // this.$refs.emailEditor.editor.loadDesign({});
       },
       saveDesign() {
         this.$refs.emailEditor.editor.saveDesign((design) => {
@@ -130,7 +121,6 @@ Here's an example using the above properties...
         :tools="tools"
         :options="options"
         ref="emailEditor"
-        v-on:load="editorLoaded"
         v-on:ready="editorReady"
       />
     </div>
@@ -168,15 +158,10 @@ Here's an example using the above properties...
       };
     },
     methods: {
-      // called when the editor is created
-      editorLoaded() {
-        console.log('editorLoaded');
-        // Pass your template JSON here
-        // this.$refs.emailEditor.editor.loadDesign({});
-      },
-      // called when the editor has finished loading all custom css/js/fonts
       editorReady() {
         console.log('editorReady');
+        // Pass your template JSON here
+        // this.$refs.emailEditor.editor.loadDesign({});
       },
       saveDesign() {
         this.$refs.emailEditor.editor.saveDesign((design) => {

src/components/EmailEditor.vue

@@ -65,6 +65,7 @@ export default {
         },
       });
 
+      // @deprecated
       this.$emit('load');
 
       this.editor.addEventListener('editor:ready', () => {

src/views/DesignEdit.vue

@@ -9,7 +9,7 @@
         <button v-on:click="exportHtml">Export HTML</button>
       </div>
 
-      <EmailEditor ref="emailEditor" v-on:load="editorLoaded" v-on:ready="editorReady" />
+      <EmailEditor ref="emailEditor" v-on:ready="editorReady" />
     </div>
   </div>
 </template>
@@ -23,11 +23,6 @@ export default {
     EmailEditor
   },
   methods: {
-    // called when the editor is created
-    editorLoaded() {
-      console.log('editorLoaded');
-    },
-    // called when the editor has finished loading all custom css/js/fonts
     editorReady() {
       console.log('editorReady');
     },

src/views/Example.vue

@@ -8,7 +8,7 @@
         <button v-on:click="exportHtml">Export HTML</button>
       </div>
 
-      <EmailEditor ref="emailEditor" v-on:load="editorLoaded" v-on:ready="editorReady" />
+      <EmailEditor ref="emailEditor" v-on:ready="editorReady" />
     </div>
   </div>
 </template>
@@ -23,14 +23,9 @@ export default {
     EmailEditor
   },
   methods: {
-    // called when the editor is created
-    editorLoaded() {
-      console.log('editorLoaded');
-      this.$refs.emailEditor.editor.loadDesign(sample);
-    },
-    // called when the editor has finished loading all custom css/js/fonts
     editorReady() {
       console.log('editorReady');
+      this.$refs.emailEditor.editor.loadDesign(sample);
     },
     saveDesign() {
       this.$refs.emailEditor.editor.saveDesign(