From a376beb143e93b790811cc99ca11c583544ef12c Mon Sep 17 00:00:00 2001
From: Tobias Johansson <tobias@tobias-johansson.se>
Date: Thu, 4 Apr 2019 11:33:43 +0200
Subject: [PATCH] Use kebab-case for vue names

https://vuejs.org/v2/guide/components-custom-events.html#Event-Names
---
 src/scripts/js/es6/common/vuecomponents/App.js         |  6 +++---
 .../attracttable/rows/filter/RowFilter.js              | 10 +++++-----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/scripts/js/es6/common/vuecomponents/App.js b/src/scripts/js/es6/common/vuecomponents/App.js
index 874598a..ef8a7ab 100644
--- a/src/scripts/js/es6/common/vuecomponents/App.js
+++ b/src/scripts/js/es6/common/vuecomponents/App.js
@@ -14,9 +14,9 @@ const TEMPLATE =`
             :selectedIds="currentSelectedIds"
             :canChangeSelectionCB="canChangeSelectionCB"
             :componentState="initialTableState"
-            @selectItemsChanged="onSelectItemsChanged"
-            @isInitialized="onTableInitialized"
-            @componentStateChanged="onTableStateChanged"
+            @selected-items-changed="onSelectItemsChanged"
+            @is-initialized="onTableInitialized"
+            @component-state-changed="onTableStateChanged"
         />
     </div>
     <div class="col-splitter"/>
diff --git a/src/scripts/js/es6/common/vuecomponents/attracttable/rows/filter/RowFilter.js b/src/scripts/js/es6/common/vuecomponents/attracttable/rows/filter/RowFilter.js
index 60b66ce..dc3d63d 100644
--- a/src/scripts/js/es6/common/vuecomponents/attracttable/rows/filter/RowFilter.js
+++ b/src/scripts/js/es6/common/vuecomponents/attracttable/rows/filter/RowFilter.js
@@ -6,15 +6,15 @@ const TEMPLATE =`
     <name-filter 
         :rowObjects="rowObjects"
         :componentState="(componentState || {}).nameFilter"
-        @visibleRowObjectsChanged="onNameFiltered"
-        @componentStateChanged="onNameFilterStateChanged"
+        @visible-row-objects-changed="onNameFiltered"
+        @component-state-changed="onNameFilterStateChanged"
     />
     <status-filter
         :availableStatuses="availableStatuses"
         :rowObjects="nameFilteredRowObjects"
         :componentState="(componentState || {}).statusFilter"
-        @visibleRowObjectsChanged="$emit('visibleRowObjectsChanged', ...arguments)"
-        @componentStateChanged="onStatusFilterStateChanged"
+        @visible-row-objects-changed="$emit('visible-row-objects-changed', ...arguments)"
+        @component-state-changed="onStatusFilterStateChanged"
     />
 </div>
 `;
@@ -55,7 +55,7 @@ let RowFilter = {
     },
     watch: {
         currentComponentState(newValue) {
-            this.$emit('componentStateChanged', newValue);
+            this.$emit('component-state-changed', newValue);
         }
     },
     components: {