From 9d7f2eab663b5395f2058b2a4415ae0822075db8 Mon Sep 17 00:00:00 2001
From: Ekanant Phanuwatyingyong <ekanant2535@gmail.com>
Date: Fri, 24 Jul 2020 08:48:12 +0700
Subject: [PATCH] :bug: #72 rename event name to kebab-case

---
 src/components/Menu.vue             |  4 ++--
 src/components/Menu/bubble.vue      | 10 +++++-----
 src/components/Menu/elastic.vue     |  6 +++---
 src/components/Menu/fallDown.vue    |  6 +++---
 src/components/Menu/push.vue        |  6 +++---
 src/components/Menu/pushRotate.vue  |  6 +++---
 src/components/Menu/reveal.vue      |  6 +++---
 src/components/Menu/scaleDown.vue   |  6 +++---
 src/components/Menu/scaleRotate.vue |  6 +++---
 src/components/Menu/slide.vue       |  6 +++---
 src/components/Menu/stack.vue       |  6 +++---
 11 files changed, 34 insertions(+), 34 deletions(-)

diff --git a/src/components/Menu.vue b/src/components/Menu.vue
index e1af11a..3a5d634 100644
--- a/src/components/Menu.vue
+++ b/src/components/Menu.vue
@@ -75,7 +75,7 @@
       },
       methods: {
         openMenu() {
-          this.$emit('openMenu');
+          this.$emit('open-menu');
           this.isSideBarOpen = true;
 
           if (!this.noOverlay) {
@@ -93,7 +93,7 @@
         },
 
         closeMenu() {
-          this.$emit('closeMenu');
+          this.$emit('close-menu');
           this.isSideBarOpen = false;
           document.body.classList.remove('bm-overlay');
           this.$refs.sideNav.style.width = '0px';
diff --git a/src/components/Menu/bubble.vue b/src/components/Menu/bubble.vue
index 24e63c6..6d099c2 100644
--- a/src/components/Menu/bubble.vue
+++ b/src/components/Menu/bubble.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <Menu ref="sideNav" v-bind="this.$attrs" @openMenu="openMenu" @closeMenu="closeMenu">
+        <Menu ref="sideNav" v-bind="this.$attrs" @open-menu="openMenu" @close-menu="closeMenu">
             <slot></slot>
         </Menu>
     </div>
@@ -27,7 +27,7 @@
       },
       methods : {
           openMenu () {
-              //this.$emit("openMenu")
+              //this.$emit("open-menu")
               let set= this.$refs.sideNav.$el.querySelector('.bm-menu');
               //console.log(set,"lallan")
               set.style.borderRadius='150% / 70%';
@@ -40,7 +40,7 @@
               set.style.borderBottomLeftRadius='0px';
               }
               set.style.transitionTimingFunction='easy-in';
-              this.$emit("openMenu");
+              this.$emit("open-menu");
 
               setTimeout(function(){
                   set.style.transitionTimingFunction='cubic-bezier(.29, 1.01, 1, -0.68)';
@@ -49,10 +49,10 @@
                   }, 300);
           },
           closeMenu () {
-              //this.$emit("closeMenu")
+              //this.$emit("close-menu")
             let set= this.$refs.sideNav.$el.querySelector('.bm-menu');
             set.style.transitionTimingFunction=null;
-            this.$emit("closeMenu")
+            this.$emit("close-menu")
           }
       }
     };
diff --git a/src/components/Menu/elastic.vue b/src/components/Menu/elastic.vue
index ba52656..e6ce266 100644
--- a/src/components/Menu/elastic.vue
+++ b/src/components/Menu/elastic.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <Menu v-bind="propsToPass" openMenu="openMenu" @closeMenu="closeMenu">
+        <Menu v-bind="propsToPass" @open-menu="openMenu" @close-menu="closeMenu">
             <slot></slot>
         </Menu>
     </div>
@@ -27,10 +27,10 @@
       },
       methods : {
           openMenu () {
-              this.$emit("openMenu")
+              this.$emit("open-menu")
           },
           closeMenu () {
-              this.$emit("closeMenu")
+              this.$emit("close-menu")
           }
       }
     };
diff --git a/src/components/Menu/fallDown.vue b/src/components/Menu/fallDown.vue
index 3f853f3..c2b4dc8 100644
--- a/src/components/Menu/fallDown.vue
+++ b/src/components/Menu/fallDown.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <Menu ref="sideNav" v-bind="this.$attrs" @openMenu="openMenu" @closeMenu="closeMenu">
+        <Menu ref="sideNav" v-bind="this.$attrs" @open-menu="openMenu" @close-menu="closeMenu">
             <slot></slot>
         </Menu>
     </div>
@@ -28,7 +28,7 @@
       },
       methods : {
           openMenu () {
-            this.$emit("openMenu")
+            this.$emit("open-menu")
             let width = this.$attrs.width ? this.$attrs.width + 'px' : '300px';
             this.$refs.sideNav.$el.querySelector('.bm-menu').style.overflowY = 'hidden';
             this.bodyOldStyle = document.body.getAttribute('style') || '';
@@ -54,7 +54,7 @@
 
           },
           closeMenu () {
-            this.$emit("closeMenu")
+            this.$emit("close-menu")
             document.querySelector('#page-wrap').style.transition =
             'all 0.5s ease 0s';
             document.querySelector('#page-wrap').style.transform = '';
diff --git a/src/components/Menu/push.vue b/src/components/Menu/push.vue
index 5702525..ffe86be 100644
--- a/src/components/Menu/push.vue
+++ b/src/components/Menu/push.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <Menu v-bind="this.$attrs" @openMenu="push" @closeMenu="pull">
+        <Menu v-bind="this.$attrs" @open-menu="push" @close-menu="pull">
             <slot></slot>
         </Menu>
     </div>
@@ -20,10 +20,10 @@
       },
       methods: {
         openMenu () {
-            this.$emit("openMenu")
+            this.$emit("open-menu")
         },
         closeMenu () {
-            this.$emit("closeMenu")
+            this.$emit("close-menu")
         },
         push() {
           this.openMenu()
diff --git a/src/components/Menu/pushRotate.vue b/src/components/Menu/pushRotate.vue
index 318ce21..2bfc5ff 100644
--- a/src/components/Menu/pushRotate.vue
+++ b/src/components/Menu/pushRotate.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <Menu v-bind="this.$attrs" @openMenu="push" @closeMenu="pull">
+        <Menu v-bind="this.$attrs" @open-menu="push" @close-menu="pull">
             <slot></slot>
         </Menu>
     </div>
@@ -21,10 +21,10 @@
       },
       methods: {
         openMenu () {
-            this.$emit("openMenu")
+            this.$emit("open-menu")
         },
         closeMenu () {
-            this.$emit("closeMenu")
+            this.$emit("close-menu")
         },
         push() {
           this.openMenu()
diff --git a/src/components/Menu/reveal.vue b/src/components/Menu/reveal.vue
index ea62185..b741af1 100644
--- a/src/components/Menu/reveal.vue
+++ b/src/components/Menu/reveal.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <Menu v-bind="this.$attrs" @openMenu="push" @closeMenu="pull">
+        <Menu v-bind="this.$attrs" @open-menu="push" @close-menu="pull">
             <slot></slot>
         </Menu>
     </div>
@@ -20,10 +20,10 @@
       },
       methods: {
         openMenu () {
-            this.$emit("openMenu")
+            this.$emit("open-menu")
         },
         closeMenu () {
-            this.$emit("closeMenu")
+            this.$emit("close-menu")
         },
         push() {
           this.openMenu()
diff --git a/src/components/Menu/scaleDown.vue b/src/components/Menu/scaleDown.vue
index cd0a06d..7bb19ec 100644
--- a/src/components/Menu/scaleDown.vue
+++ b/src/components/Menu/scaleDown.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <Menu v-bind="this.$attrs" @openMenu="push" @closeMenu="pull">
+        <Menu v-bind="this.$attrs" @open-menu="push" @close-menu="pull">
             <slot></slot>
         </Menu>
     </div>
@@ -21,10 +21,10 @@
       },
       methods: {
         openMenu () {
-            this.$emit("openMenu")
+            this.$emit("open-menu")
         },
         closeMenu () {
-            this.$emit("closeMenu")
+            this.$emit("close-menu")
         },
         push() {
           this.openMenu()
diff --git a/src/components/Menu/scaleRotate.vue b/src/components/Menu/scaleRotate.vue
index dd9d233..e68e2e5 100644
--- a/src/components/Menu/scaleRotate.vue
+++ b/src/components/Menu/scaleRotate.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <Menu v-bind="this.$attrs" @openMenu="push" @closeMenu="pull">
+        <Menu v-bind="this.$attrs" @open-menu="push" @close-menu="pull">
             <slot></slot>
         </Menu>
     </div>
@@ -21,10 +21,10 @@
       },
       methods: {
         openMenu () {
-            this.$emit("openMenu")
+            this.$emit("open-menu")
         },
         closeMenu () {
-            this.$emit("closeMenu")
+            this.$emit("close-menu")
         },
         push() {
           this.openMenu()
diff --git a/src/components/Menu/slide.vue b/src/components/Menu/slide.vue
index 46dd92c..fd30638 100644
--- a/src/components/Menu/slide.vue
+++ b/src/components/Menu/slide.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <Menu v-bind="this.$attrs" @openMenu="openMenu" @closeMenu="closeMenu">
+        <Menu v-bind="this.$attrs" @open-menu="openMenu" @close-menu="closeMenu">
             <slot></slot>
         </Menu>
     </div>
@@ -15,10 +15,10 @@
       },
       methods: {
         openMenu() {
-          this.$emit('openMenu');
+          this.$emit('open-menu');
         },
         closeMenu() {
-          this.$emit('closeMenu');
+          this.$emit('close-menu');
         }
       }
     };
diff --git a/src/components/Menu/stack.vue b/src/components/Menu/stack.vue
index 47a7226..2e2e811 100644
--- a/src/components/Menu/stack.vue
+++ b/src/components/Menu/stack.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <Menu v-bind="propsToPass" openMenu="openMenu" @closeMenu="closeMenu">
+        <Menu v-bind="propsToPass" @open-menu="openMenu" @close-menu="closeMenu">
             <slot></slot>
         </Menu>
     </div>
@@ -27,10 +27,10 @@
       },
       methods : {
           openMenu () {
-              this.$emit("openMenu")
+              this.$emit("open-menu")
           },
           closeMenu () {
-              this.$emit("closeMenu")
+              this.$emit("close-menu")
           }
       }
     };