Merge pull request #2 from ekanant/camel-case-event-to-kebab-case

🐛 mbj36#72 rename event name to kebab-case
ekanant · Jul 24, 2020 · 4f6e03c · 4f6e03c
2 parents c299864 + 9d7f2ea
commit 4f6e03c
Show file tree

Hide file tree

Showing 11 changed files with 34 additions and 34 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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")
           }
       }
     };