saveSort event kebab case

Author: supalarry

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

@@ -10,7 +10,7 @@
         v-bind:startingOption="'Closest'"
         v-bind:options="['Closest', 'Furthest', 'Youngest',
         'Oldest', 'Most popular', 'Least popular', 'Most common interests', 'Least common interests']"
-        v-on:saveSort="saveSort"></Sort>
+        v-on:save-sort="saveSort"></Sort>
       <FilterSliderDropdown
         v-bind:min="recommendationsAnalysis.age.min"
         v-bind:max="recommendationsAnalysis.age.max"

frontend/src/components/shared/Sort.vue

@@ -15,7 +15,6 @@
 </template>
 
 <script>
-/* eslint-disable  vue/custom-event-name-casing */
 export default {
   props: ['options', 'name', 'position', 'startingOption'],
   data: () => ({
@@ -26,7 +25,7 @@ export default {
     select(option) {
       this.close();
       this.currentOption = option;
-      this.$emit('saveSort', option);
+      this.$emit('save-sort', option);
     },
     toggle() {
       this.closed = !this.closed;