vue3-webpack updates

src/components/GridItem.vue

@@ -241,6 +241,7 @@
                 innerH: this.h
             }
         },
+        emits: ['container-resized','resize','resized'],
         created () {
             let self = this;
 
@@ -849,7 +850,7 @@
                 this.previousW = this.innerW;
                 this.previousH = this.innerH;
 
-                let newSize=this.$slots().default[0].elm.getBoundingClientRect();
+                let newSize=this.$refs.item.children[0].getBoundingClientRect();
                 let pos = this.calcWH(newSize.height, newSize.width, true);
                 if (pos.w < this.minW) {
                     pos.w = this.minW;

src/components/GridLayout.vue

@@ -133,6 +133,7 @@
                 // layout: JSON.parse(JSON.stringify(this.value)),
             };
         },
+        emits: ['update:layout','layout-created','layout-before-mount','layout-mounted','layout-updated','layout-ready','breakpoint-changed'],
         created () {
             const self = this;
 
@@ -231,6 +232,9 @@
             layout() {
                 this.layoutUpdate();
             },
+            'layout.length': function() {
+                this.layoutUpdate();
+            },
             colNum: function (val) {
                 this.eventBus.emit("setColNum", val);
             },

src/components/index.js

@@ -3,11 +3,11 @@ import { App } from 'vue';
 import GridItem from './GridItem.vue';
 import GridLayout from './GridLayout.vue';
 
-export { GridLayout, GridItem };
+// export { GridLayout, GridItem };
 
 const install = (app: App) => {
     app.component('grid-layout', GridLayout)
     app.component('grid-item', GridItem)
 }
 
-export default install;
+export default { install, GridLayout, GridItem };