Add ready event

Author: selfagency

README.md

@@ -49,7 +49,7 @@ Refer to [Grid.js documentation](https://gridjs.io/docs/config/) for specific co
 
 ```html
 <template>
-  <grid :columns="columns" :rows="rows" ref="myTable"></grid>
+  <grid :columns="columns" :rows="rows" ref="myTable" @ready="myMethod"></grid>
 </template>
 
 <script>
@@ -68,6 +68,11 @@ Refer to [Grid.js documentation](https://gridjs.io/docs/config/) for specific co
           ['Chevrolet', 'Cruz', '2018', 'White']
         ]
       }
+    },
+    methods: {
+      myMethod() {
+        console.log("It's ready!")
+      }
     }
   }
 </script>

examples/basic/hello-world.mjs

@@ -14,7 +14,12 @@ export default {
       ]
     }
   },
+  methods: {
+    log(text) {
+      console.log(text)
+    }
+  },
   template: `
-    <div><grid :columns="columns" :rows="rows"></grid></div>
+    <div><grid :columns="columns" :rows="rows" @ready="log('Hi to you too!')"></grid></div>
   `
 }

src/gridjs-vue.mjs

@@ -204,8 +204,8 @@ export default {
   },
   mounted() {
     this.assignTheme()
-
     this.resize = window.addEventListener('resize', () => this.update(), true)
+    this.$nextTick(() => this.$emit('ready'))
   },
   destroyed() {
     // unload from memory