nextSlide event kebab case

Author: supalarry

frontend/src/components/app/onboarding/Introduction.vue

@@ -11,12 +11,11 @@
 </template>
 
 <script>
-/* eslint-disable  vue/custom-event-name-casing */
 export default {
   props: ['slide'],
   methods: {
     nextSlide() {
-      this.$emit('nextSlide');
+      this.$emit('next-slide');
     },
   },
 };

frontend/src/components/app/onboarding/Location.vue

@@ -12,7 +12,6 @@
 </template>
 
 <script>
-/* eslint-disable  vue/custom-event-name-casing */
 import SingleChoice from '@/components/app/onboarding/SingleChoice.vue';
 
 export default {
@@ -42,14 +41,14 @@ export default {
       const { latitude } = position.coords;
       const { longitude } = position.coords;
       this.locationData = { lat: latitude, lng: longitude, ip: '0.0.0.0' };
-      this.$emit('nextSlide');
+      this.$emit('next-slide');
     },
     async locationDenied() {
       let ipRequest = await fetch('https://api.ipify.org?format=json');
       ipRequest = await ipRequest.json();
       const { ip } = ipRequest;
       this.locationData = { ip };
-      this.$emit('nextSlide');
+      this.$emit('next-slide');
     },
     async sendLocation() {
       await this.$http.put('/profile/edit/geolocation', this.locationData);

frontend/src/components/app/onboarding/MainAndSecondaryImagesUpload.vue

@@ -42,7 +42,7 @@ export default {
         this.bus.$emit('clearForNextImage');
         this.imageIndex += 1;
       } else {
-        this.$emit('nextSlide');
+        this.$emit('next-slide');
         this.sendImagesToBackend();
       }
     },

frontend/src/views/app/Onboarding.vue

@@ -3,7 +3,7 @@
   <div class="onboarding-container">
     <Introduction
       v-bind:slide="{buttonText}"
-      v-on:nextSlide="nextSlide"
+      v-on:next-slide="nextSlide"
       v-if="slideCurrent === 0"></Introduction>
     <SingleChoice
       v-bind:slide="{
@@ -67,7 +67,7 @@
       secondaryImageExplanation: 'Extra image',
       maxImagesAllowed: 5,
       buttonText}"
-      v-on:nextSlide="nextSlide"
+      v-on:next-slide="nextSlide"
       v-if="slideCurrent === 5"></MainAndSecondaryImagesUpload>
     <Textblock
       v-bind:slide="{
@@ -87,7 +87,7 @@
       count: slideCount,
       buttonText}"
       v-bind:bus="bus"
-      v-on:nextSlide="nextSlide"
+      v-on:next-slide="nextSlide"
       v-if="slideCurrent === 7"></Location>
     <SettingUp v-if="slideCurrent === 8"></SettingUp>
   </div>