single/multiple choice component events kebab case

Author: supalarry

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

@@ -8,7 +8,7 @@
       subheader: 'Would you like to share your location to get potential matches closer to you?',
       options: ['yes', 'no'],
       buttonText: slide.buttonText}"
-      v-on:saveInput="saveLocation"></SingleChoice>
+      v-on:save-input="saveLocation"></SingleChoice>
 </template>
 
 <script>

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

@@ -26,7 +26,6 @@
 </template>
 
 <script>
-/* eslint-disable  vue/custom-event-name-casing */
 import Vue from 'vue';
 import SelectionButton from '@/components/app/onboarding/SelectionButton.vue';
 
@@ -41,7 +40,7 @@ export default {
   }),
   methods: {
     saveInput() {
-      this.$emit('saveInput', this.slide.key, this.optionSelected);
+      this.$emit('save-input', this.slide.key, this.optionSelected);
       this.optionSelected = [];
     },
     select(...args) {

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

@@ -45,7 +45,7 @@ export default {
     },
   },
   mounted() {
-    this.bus.$on('deselectIfNot', this.deselectIfNot);
+    this.bus.$on('deselect-if-not', this.deselectIfNot);
   },
 };
 </script>

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

@@ -26,7 +26,6 @@
 </template>
 
 <script>
-/* eslint-disable  vue/custom-event-name-casing */
 import Vue from 'vue';
 import SelectionButton from '@/components/app/onboarding/SelectionButton.vue';
 
@@ -41,13 +40,13 @@ export default {
   }),
   methods: {
     saveInput() {
-      this.$emit('saveInput', this.slide.key, this.optionSelected);
+      this.$emit('save-input', this.slide.key, this.optionSelected);
       this.optionSelected = null;
     },
     select(...args) {
       const [val] = args;
       this.optionSelected = val;
-      this.bus.$emit('deselectIfNot', val);
+      this.bus.$emit('deselect-if-not', val);
     },
     deselect() {
       this.optionSelected = '';

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

@@ -27,15 +27,14 @@
 </template>
 
 <script>
-/* eslint-disable  vue/custom-event-name-casing */
 export default {
   props: ['slide'],
   data: () => ({
     textareaValue: '',
   }),
   methods: {
     saveInput() {
-      this.$emit('saveInput', this.slide.key, this.textareaValue);
+      this.$emit('save-input', this.slide.key, this.textareaValue);
     },
   },
   computed: {

frontend/src/views/app/Onboarding.vue

@@ -13,7 +13,7 @@
       header: 'My age',
       options: generateAllowedAge(),
       buttonText}"
-      v-on:saveInput="saveInput"
+      v-on:save-input="saveInput"
       v-if="slideCurrent === 1"></SingleChoice>
     <SingleChoice
       v-bind:slide="{
@@ -23,7 +23,7 @@
       header: 'I am',
       options: ['male', 'female', 'other'],
       buttonText}"
-      v-on:saveInput="saveInput"
+      v-on:save-input="saveInput"
       v-if="slideCurrent === 2"></SingleChoice>
     <SingleChoice
       v-bind:slide="{
@@ -33,7 +33,7 @@
       header: 'Sexuality',
       options: ['heterosexual', 'homosexual', 'bisexual', 'other'],
       buttonText}"
-      v-on:saveInput="saveInput"
+      v-on:save-input="saveInput"
       v-if="slideCurrent === 3"></SingleChoice>
     <MultipleChoice
       v-bind:slide="{
@@ -55,7 +55,7 @@
       minOptionsForSelection: 3,
       maxOptionsForSelection: 10,
       buttonText}"
-      v-on:saveInput="saveInput"
+      v-on:save-input="saveInput"
       v-if="slideCurrent === 4"></MultipleChoice>
     <MainAndSecondaryImagesUpload
       v-bind:slide="{
@@ -78,7 +78,7 @@
       maxTextareaLength: 200,
       placeholder: 'I am best described as ...',
       buttonText}"
-      v-on:saveInput="saveInput"
+      v-on:save-input="saveInput"
       v-if="slideCurrent === 6"></Textblock>
     <Location
       v-bind:slide="{