filterSlider event kebab case

Author: supalarry

frontend/src/components/app/recommendations/Recommendations.vue

@@ -15,19 +15,19 @@
         v-bind:min="recommendationsAnalysis.age.min"
         v-bind:max="recommendationsAnalysis.age.max"
         v-bind:name="'age'"
-        v-on:saveFilter="saveFilter"></FilterSliderDropdown>
+        v-on:save-filter="saveFilter"></FilterSliderDropdown>
       <FilterSliderDropdown
         v-bind:min="recommendationsAnalysis.distance.min"
         v-bind:max="recommendationsAnalysis.distance.max"
         v-bind:unit="'km'"
         v-bind:name="'distance'"
-        v-on:saveFilter="saveFilter"></FilterSliderDropdown>
+        v-on:save-filter="saveFilter"></FilterSliderDropdown>
       <FilterSliderDropdown
         v-bind:min="recommendationsAnalysis.popularity.min"
         v-bind:max="recommendationsAnalysis.popularity.max"
         v-bind:unit="'pts'"
         v-bind:name="'popularity'"
-        v-on:saveFilter="saveFilter"></FilterSliderDropdown>
+        v-on:save-filter="saveFilter"></FilterSliderDropdown>
       <MultipleFiltersDropdown
         v-bind:position="'right'"
         v-bind:options="recommendationsAnalysis.interests"

frontend/src/components/shared/FilterSlider.vue

@@ -15,7 +15,6 @@
 </template>
 
 <script>
-/* eslint-disable  vue/custom-event-name-casing */
 import noUiSlider from 'nouislider';
 import 'nouislider/distribute/nouislider.css';
 
@@ -54,7 +53,7 @@ export default {
     this.$refs.slider.noUiSlider.on('update', (values) => {
       this.slider.startMin = parseInt(values[0], 10);
       this.slider.startMax = parseInt(values[1], 10);
-      this.$emit('saveFilter', this.name, this.slider.startMin, this.slider.startMax, this.oneHandle);
+      this.$emit('save-filter', this.name, this.slider.startMin, this.slider.startMax, this.oneHandle);
     });
   },
 };

frontend/src/components/shared/FilterSliderDropdown.vue

@@ -17,7 +17,6 @@
 </template>
 
 <script>
-/* eslint-disable  vue/custom-event-name-casing */
 import noUiSlider from 'nouislider';
 import 'nouislider/distribute/nouislider.css';
 
@@ -66,7 +65,7 @@ export default {
     this.$refs.slider.noUiSlider.on('update', (values) => {
       this.slider.startMin = parseInt(values[0], 10);
       this.slider.startMax = parseInt(values[1], 10);
-      this.$emit('saveFilter', this.name, this.slider.startMin, this.slider.startMax);
+      this.$emit('save-filter', this.name, this.slider.startMin, this.slider.startMax);
     });
   },
 };

frontend/src/components/shared/MultipleFiltersDropdown.vue

@@ -17,7 +17,6 @@
 </template>
 
 <script>
-/* eslint-disable  vue/custom-event-name-casing */
 export default {
   props: ['options', 'name', 'position', 'startingOptions'],
   data: () => ({

frontend/src/views/app/Search.vue

@@ -20,20 +20,20 @@
             v-bind:min="sliders.age.min"
             v-bind:max="sliders.age.max"
             v-bind:name="'age'"
-            v-on:saveFilter="saveFilter"></FilterSlider>
+            v-on:save-filter="saveFilter"></FilterSlider>
           <FilterSlider
             v-bind:min="1"
             v-bind:max="2000"
             v-bind:unit="'km'"
             v-bind:oneHandle="true"
             v-bind:name="'distance'"
-            v-on:saveFilter="saveFilter"></FilterSlider>
+            v-on:save-filter="saveFilter"></FilterSlider>
           <FilterSlider
             v-bind:min="sliders.popularity.min"
             v-bind:max="sliders.popularity.max"
             v-bind:unit="'pts'"
             v-bind:name="'popularity'"
-            v-on:saveFilter="saveFilter"></FilterSlider>
+            v-on:save-filter="saveFilter"></FilterSlider>
         </div>
         <div>
           <MultipleFilters