diff --git a/.eslintrc.js b/.eslintrc.js
index 502e87a..aeaa1c9 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -14,7 +14,6 @@
       },
     ],
     'vue/component-name-in-template-casing': ['error', 'kebab-case'],
-    'vue/custom-event-name-casing': ['warn'],
   },
   parserOptions: {
     parser: 'babel-eslint',
diff --git a/src/components/AppHeader/AppHeader.vue b/src/components/AppHeader/AppHeader.vue
index 01ebf5a..68de7d9 100644
--- a/src/components/AppHeader/AppHeader.vue
+++ b/src/components/AppHeader/AppHeader.vue
@@ -177,7 +177,7 @@
   },
   mounted() {
     this.$root.$on(
-      'change:isNavigationOpen',
+      'change-is-navigation-open',
       (isNavigationOpen) => (this.isNavigationOpen = isNavigationOpen)
     );
   },
@@ -195,7 +195,7 @@
       this.$store.dispatch('authentication/logout');
     },
     toggleNavigation() {
-      this.$root.$emit('toggle:navigation');
+      this.$root.$emit('toggle-navigation');
     },
   },
 };
diff --git a/src/components/AppNavigation/AppNavigation.vue b/src/components/AppNavigation/AppNavigation.vue
index 18b8000..233d496 100644
--- a/src/components/AppNavigation/AppNavigation.vue
+++ b/src/components/AppNavigation/AppNavigation.vue
@@ -71,11 +71,11 @@
       this.isNavigationOpen = false;
     },
     isNavigationOpen: function (isNavigationOpen) {
-      this.$root.$emit('change:isNavigationOpen', isNavigationOpen);
+      this.$root.$emit('change-is-navigation-open', isNavigationOpen);
     },
   },
   mounted() {
-    this.$root.$on('toggle:navigation', () => this.toggleIsOpen());
+    this.$root.$on('toggle-navigation', () => this.toggleIsOpen());
   },
   methods: {
     toggleIsOpen() {
diff --git a/src/components/Global/LoadingBar.vue b/src/components/Global/LoadingBar.vue
index d62ef1e..1034de6 100644
--- a/src/components/Global/LoadingBar.vue
+++ b/src/components/Global/LoadingBar.vue
@@ -22,13 +22,13 @@
     };
   },
   created() {
-    this.$root.$on('loader::start', () => {
+    this.$root.$on('loader-start', () => {
       this.startLoadingInterval();
     });
-    this.$root.$on('loader::end', () => {
+    this.$root.$on('loader-end', () => {
       this.endLoadingInterval();
     });
-    this.$root.$on('loader::hide', () => {
+    this.$root.$on('loader-hide', () => {
       this.hideLoadingBar();
     });
   },
diff --git a/src/components/Global/Search.vue b/src/components/Global/Search.vue
index 778965e..c259df9 100644
--- a/src/components/Global/Search.vue
+++ b/src/components/Global/Search.vue
@@ -55,11 +55,11 @@
   },
   methods: {
     onChangeInput() {
-      this.$emit('changeSearch', this.filter);
+      this.$emit('change-search', this.filter);
     },
     onClearSearch() {
       this.filter = '';
-      this.$emit('clearSearch');
+      this.$emit('clear-search');
       this.$refs.searchInput.focus();
     },
   },
diff --git a/src/components/Global/TableFilter.vue b/src/components/Global/TableFilter.vue
index c9fb106..bf72952 100644
--- a/src/components/Global/TableFilter.vue
+++ b/src/components/Global/TableFilter.vue
@@ -106,7 +106,7 @@
       this.emitChange();
     },
     emitChange() {
-      this.$emit('filterChange', {
+      this.$emit('filter-change', {
         activeFilters: this.activeFilters,
       });
     },
diff --git a/src/components/Global/TableRowAction.vue b/src/components/Global/TableRowAction.vue
index 7e4af49..a12ae80 100644
--- a/src/components/Global/TableRowAction.vue
+++ b/src/components/Global/TableRowAction.vue
@@ -19,7 +19,7 @@
       :aria-label="title"
       :title="title"
       :disabled="!enabled"
-      @click="$emit('click:tableAction', value)"
+      @click="$emit('click-table-action', value)"
     >
       <slot name="icon">
         {{ title }}
diff --git a/src/components/Global/TableToolbar.vue b/src/components/Global/TableToolbar.vue
index cb6fa24..d22b37f 100644
--- a/src/components/Global/TableToolbar.vue
+++ b/src/components/Global/TableToolbar.vue
@@ -12,7 +12,7 @@
             :data-test-id="`table-button-${action.value}Selected`"
             variant="primary"
             class="d-block"
-            @click="$emit('batchAction', action.value)"
+            @click="$emit('batch-action', action.value)"
           >
             {{ action.label }}
           </b-button>
@@ -20,7 +20,7 @@
           <b-button
             variant="secondary"
             class="d-block"
-            @click="$emit('clearSelected')"
+            @click="$emit('clear-selected')"
           >
             {{ $t('global.action.cancel') }}
           </b-button>
diff --git a/src/components/Mixins/LoadingBarMixin.js b/src/components/Mixins/LoadingBarMixin.js
index 9b6b195..bb3e796 100644
--- a/src/components/Mixins/LoadingBarMixin.js
+++ b/src/components/Mixins/LoadingBarMixin.js
@@ -6,15 +6,15 @@
   },
   methods: {
     startLoader() {
-      this.$root.$emit('loader::start');
+      this.$root.$emit('loader-start');
       this.loading = true;
     },
     endLoader() {
-      this.$root.$emit('loader::end');
+      this.$root.$emit('loader-end');
       this.loading = false;
     },
     hideLoader() {
-      this.$root.$emit('loader::hide');
+      this.$root.$emit('loader-hide');
     },
   },
 };
diff --git a/src/views/AccessControl/Ldap/TableRoleGroups.vue b/src/views/AccessControl/Ldap/TableRoleGroups.vue
index ef300ea..5104c23 100644
--- a/src/views/AccessControl/Ldap/TableRoleGroups.vue
+++ b/src/views/AccessControl/Ldap/TableRoleGroups.vue
@@ -25,8 +25,8 @@
           ref="toolbar"
           :selected-items-count="selectedRows.length"
           :actions="batchActions"
-          @clearSelected="clearSelectedRows($refs.table)"
-          @batchAction="onBatchAction"
+          @clear-selected="clearSelectedRows($refs.table)"
+          @batch-action="onBatchAction"
         />
         <b-table
           ref="table"
@@ -67,7 +67,7 @@
               :value="action.value"
               :enabled="action.enabled"
               :title="action.title"
-              @click:tableAction="onTableRowAction($event, item)"
+              @click-table-action="onTableRowAction($event, item)"
             >
               <template #icon>
                 <icon-edit v-if="action.value === 'edit'" />
diff --git a/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue b/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue
index 5c2d7f1..d57bc22 100644
--- a/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue
+++ b/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue
@@ -23,8 +23,8 @@
           ref="toolbar"
           :selected-items-count="selectedRows.length"
           :actions="tableToolbarActions"
-          @clearSelected="clearSelectedRows($refs.table)"
-          @batchAction="onBatchAction"
+          @clear-selected="clearSelectedRows($refs.table)"
+          @batch-action="onBatchAction"
         />
         <b-table
           ref="table"
@@ -63,7 +63,7 @@
               :value="action.value"
               :enabled="action.enabled"
               :title="action.title"
-              @click:tableAction="onTableRowAction($event, item)"
+              @click-table-action="onTableRowAction($event, item)"
             >
               <template #icon>
                 <icon-edit
diff --git a/src/views/AccessControl/SslCertificates/SslCertificates.vue b/src/views/AccessControl/SslCertificates/SslCertificates.vue
index fe63bd9..1365bd9 100644
--- a/src/views/AccessControl/SslCertificates/SslCertificates.vue
+++ b/src/views/AccessControl/SslCertificates/SslCertificates.vue
@@ -80,7 +80,7 @@
               :value="action.value"
               :title="action.title"
               :enabled="action.enabled"
-              @click:tableAction="onTableRowAction($event, item)"
+              @click-table-action="onTableRowAction($event, item)"
             >
               <template #icon>
                 <icon-replace v-if="action.value === 'replace'" />
diff --git a/src/views/Configuration/NetworkSettings/NetworkSettings.vue b/src/views/Configuration/NetworkSettings/NetworkSettings.vue
index 303077c..3260dff 100644
--- a/src/views/Configuration/NetworkSettings/NetworkSettings.vue
+++ b/src/views/Configuration/NetworkSettings/NetworkSettings.vue
@@ -196,7 +196,7 @@
                     :key="actionIndex"
                     :value="action.value"
                     :title="action.title"
-                    @click:tableAction="
+                    @click-table-action="
                       onDeleteIpv4StaticTableRow($event, index)
                     "
                   >
@@ -269,7 +269,7 @@
                     :key="actionIndex"
                     :value="action.value"
                     :title="action.title"
-                    @click:tableAction="onDeleteDnsTableRow($event, index)"
+                    @click-table-action="onDeleteDnsTableRow($event, index)"
                   >
                     <template #icon>
                       <icon-trashcan v-if="action.value === 'delete'" />
diff --git a/src/views/Control/ServerPowerOperations/BootSettings.vue b/src/views/Control/ServerPowerOperations/BootSettings.vue
index a94da0c..aab00fc 100644
--- a/src/views/Control/ServerPowerOperations/BootSettings.vue
+++ b/src/views/Control/ServerPowerOperations/BootSettings.vue
@@ -99,7 +99,7 @@
       this.$store.dispatch('hostBootSettings/getBootSettings'),
       this.$store.dispatch('hostBootSettings/getTpmPolicy'),
     ]).finally(() =>
-      this.$root.$emit('serverPowerOperations::bootSettings::complete')
+      this.$root.$emit('server-power-operations-boot-settings-complete')
     );
   },
   methods: {
diff --git a/src/views/Control/ServerPowerOperations/ServerPowerOperations.vue b/src/views/Control/ServerPowerOperations/ServerPowerOperations.vue
index 9bc259f..822d5fd 100644
--- a/src/views/Control/ServerPowerOperations/ServerPowerOperations.vue
+++ b/src/views/Control/ServerPowerOperations/ServerPowerOperations.vue
@@ -177,7 +177,7 @@
   created() {
     this.startLoader();
     const bootSettingsPromise = new Promise((resolve) => {
-      this.$root.$on('serverPowerOperations::bootSettings::complete', () =>
+      this.$root.$on('server-power-operations-boot-settings-complete', () =>
         resolve()
       );
     });
diff --git a/src/views/Health/EventLogs/EventLogs.vue b/src/views/Health/EventLogs/EventLogs.vue
index b4a4712..0c079ba 100644
--- a/src/views/Health/EventLogs/EventLogs.vue
+++ b/src/views/Health/EventLogs/EventLogs.vue
@@ -5,8 +5,8 @@
       <b-col sm="7" xl="4" class="d-flex flex-column justify-content-end">
         <search
           :placeholder="$t('pageEventLogs.table.searchLogs')"
-          @changeSearch="onChangeSearchInput"
-          @clearSearch="onClearSearchInput"
+          @change-search="onChangeSearchInput"
+          @clear-search="onClearSearchInput"
         />
       </b-col>
       <b-col sm="3" class="d-flex flex-column justify-content-end">
@@ -21,7 +21,7 @@
     </b-row>
     <b-row>
       <b-col class="text-right">
-        <table-filter :filters="tableFilters" @filterChange="onFilterChange" />
+        <table-filter :filters="tableFilters" @filter-change="onFilterChange" />
       </b-col>
     </b-row>
     <b-row>
@@ -30,8 +30,8 @@
           ref="toolbar"
           :selected-items-count="selectedRows.length"
           :actions="batchActions"
-          @clearSelected="clearSelectedRows($refs.table)"
-          @batchAction="onBatchAction"
+          @clear-selected="clearSelectedRows($refs.table)"
+          @batch-action="onBatchAction"
         >
           <template #export>
             <table-toolbar-export
@@ -102,7 +102,7 @@
               :row-data="row.item"
               :export-name="exportFileNameByDate()"
               :data-test-id="`eventLogs-button-deleteRow-${row.index}`"
-              @click:tableAction="onTableRowAction($event, row.item)"
+              @click-table-action="onTableRowAction($event, row.item)"
             >
               <template #icon>
                 <icon-export v-if="action.value === 'export'" />
diff --git a/src/views/Health/HardwareStatus/HardwareStatus.vue b/src/views/Health/HardwareStatus/HardwareStatus.vue
index 24f0295..0869e28 100644
--- a/src/views/Health/HardwareStatus/HardwareStatus.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatus.vue
@@ -57,27 +57,27 @@
   created() {
     this.startLoader();
     const systemTablePromise = new Promise((resolve) => {
-      this.$root.$on('hardwareStatus::system::complete', () => resolve());
+      this.$root.$on('hardware-status-system-complete', () => resolve());
     });
     const bmcManagerTablePromise = new Promise((resolve) => {
-      this.$root.$on('hardwareStatus::bmcManager::complete', () => resolve());
+      this.$root.$on('hardware-status-bmc-manager-complete', () => resolve());
     });
     const chassisTablePromise = new Promise((resolve) => {
-      this.$root.$on('hardwareStatus::chassis::complete', () => resolve());
+      this.$root.$on('hardware-status-chassis-complete', () => resolve());
     });
     const dimmSlotTablePromise = new Promise((resolve) => {
-      this.$root.$on('hardwareStatus::dimmSlot::complete', () => resolve());
+      this.$root.$on('hardware-status-dimm-slot-complete', () => resolve());
     });
     const fansTablePromise = new Promise((resolve) => {
-      this.$root.$on('hardwareStatus::fans::complete', () => resolve());
+      this.$root.$on('hardware-status-fans-complete', () => resolve());
     });
     const powerSuppliesTablePromise = new Promise((resolve) => {
-      this.$root.$on('hardwareStatus::powerSupplies::complete', () =>
+      this.$root.$on('hardware-status-power-supplies-complete', () =>
         resolve()
       );
     });
     const processorsTablePromise = new Promise((resolve) => {
-      this.$root.$on('hardwareStatus::processors::complete', () => resolve());
+      this.$root.$on('hardware-status-processors-complete', () => resolve());
     });
     // Combine all child component Promises to indicate
     // when page data load complete
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue b/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue
index 783cd64..25436c8 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue
@@ -194,7 +194,7 @@
   created() {
     this.$store.dispatch('bmc/getBmcInfo').finally(() => {
       // Emit initial data fetch complete to parent component
-      this.$root.$emit('hardwareStatus::bmcManager::complete');
+      this.$root.$emit('hardware-status-bmc-manager-complete');
     });
   },
 };
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue b/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue
index fbdadcd..e629006 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue
@@ -116,7 +116,7 @@
   created() {
     this.$store.dispatch('chassis/getChassisInfo').finally(() => {
       // Emit initial data fetch complete to parent component
-      this.$root.$emit('hardwareStatus::chassis::complete');
+      this.$root.$emit('hardware-status-chassis-complete');
     });
   },
 };
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue b/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue
index 2c90163..9e0c9f8 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue
@@ -3,8 +3,8 @@
     <b-row>
       <b-col sm="6" md="5" xl="4">
         <search
-          @changeSearch="onChangeSearchInput"
-          @clearSearch="onClearSearchInput"
+          @change-search="onChangeSearchInput"
+          @clear-search="onClearSearchInput"
         />
       </b-col>
       <b-col sm="6" md="3" xl="2">
@@ -137,7 +137,7 @@
   created() {
     this.$store.dispatch('memory/getDimms').finally(() => {
       // Emit initial data fetch complete to parent component
-      this.$root.$emit('hardwareStatus::dimmSlot::complete');
+      this.$root.$emit('hardware-status-dimm-slot-complete');
     });
   },
   methods: {
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue b/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue
index 6ade34b..4981d45 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue
@@ -3,8 +3,8 @@
     <b-row>
       <b-col sm="6" md="5" xl="4">
         <search
-          @changeSearch="onChangeSearchInput"
-          @clearSearch="onClearSearchInput"
+          @change-search="onChangeSearchInput"
+          @clear-search="onClearSearchInput"
         />
       </b-col>
       <b-col sm="6" md="3" xl="2">
@@ -136,7 +136,7 @@
   created() {
     this.$store.dispatch('fan/getFanInfo').finally(() => {
       // Emit initial data fetch complete to parent component
-      this.$root.$emit('hardwareStatus::fans::complete');
+      this.$root.$emit('hardware-status-fans-complete');
     });
   },
   methods: {
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue b/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue
index 91c26a7..4137f1b 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue
@@ -3,8 +3,8 @@
     <b-row>
       <b-col sm="6" md="5" xl="4">
         <search
-          @changeSearch="onChangeSearchInput"
-          @clearSearch="onClearSearchInput"
+          @change-search="onChangeSearchInput"
+          @clear-search="onClearSearchInput"
         />
       </b-col>
       <b-col sm="6" md="3" xl="2">
@@ -159,7 +159,7 @@
   created() {
     this.$store.dispatch('powerSupply/getPowerSupply').finally(() => {
       // Emit initial data fetch complete to parent component
-      this.$root.$emit('hardwareStatus::powerSupplies::complete');
+      this.$root.$emit('hardware-status-power-supplies-complete');
     });
   },
   methods: {
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue b/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue
index fba4cc4..da15b7a 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue
@@ -4,8 +4,8 @@
     <b-row>
       <b-col sm="6" md="5" xl="4">
         <search
-          @changeSearch="onChangeSearchInput"
-          @clearSearch="onClearSearchInput"
+          @change-search="onChangeSearchInput"
+          @clear-search="onClearSearchInput"
         />
       </b-col>
       <b-col sm="6" md="3" xl="2">
@@ -166,7 +166,7 @@
   created() {
     this.$store.dispatch('processors/getProcessorsInfo').finally(() => {
       // Emit initial data fetch complete to parent component
-      this.$root.$emit('hardwareStatus::processors::complete');
+      this.$root.$emit('hardware-status-processors-complete');
     });
   },
   methods: {
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue b/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue
index fc65fbf..e2ba49e 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue
@@ -128,7 +128,7 @@
   created() {
     this.$store.dispatch('system/getSystem').finally(() => {
       // Emit initial data fetch complete to parent component
-      this.$root.$emit('hardwareStatus::system::complete');
+      this.$root.$emit('hardware-status-system-complete');
     });
   },
 };
diff --git a/src/views/Health/Sensors/Sensors.vue b/src/views/Health/Sensors/Sensors.vue
index 384c64f..e1cea82 100644
--- a/src/views/Health/Sensors/Sensors.vue
+++ b/src/views/Health/Sensors/Sensors.vue
@@ -5,8 +5,8 @@
       <b-col sm="6" md="5" xl="4">
         <search
           :placeholder="$t('pageSensors.searchForSensors')"
-          @changeSearch="onChangeSearchInput"
-          @clearSearch="onClearSearchInput"
+          @change-search="onChangeSearchInput"
+          @clear-search="onClearSearchInput"
         />
       </b-col>
       <b-col sm="3" md="3" xl="2">
@@ -16,7 +16,7 @@
         ></table-cell-count>
       </b-col>
       <b-col sm="3" md="4" xl="6" class="text-right">
-        <table-filter :filters="tableFilters" @filterChange="onFilterChange" />
+        <table-filter :filters="tableFilters" @filter-change="onFilterChange" />
       </b-col>
     </b-row>
     <b-row>
@@ -24,7 +24,7 @@
         <table-toolbar
           ref="toolbar"
           :selected-items-count="selectedRows.length"
-          @clearSelected="clearSelectedRows($refs.table)"
+          @clear-selected="clearSelectedRows($refs.table)"
         >
           <template #export>
             <table-toolbar-export
diff --git a/src/views/Overview/Overview.vue b/src/views/Overview/Overview.vue
index 1313860..4de94d7 100644
--- a/src/views/Overview/Overview.vue
+++ b/src/views/Overview/Overview.vue
@@ -143,13 +143,13 @@
   created() {
     this.startLoader();
     const quicklinksPromise = new Promise((resolve) => {
-      this.$root.$on('overview::quicklinks::complete', () => resolve());
+      this.$root.$on('overview-quicklinks-complete', () => resolve());
     });
     const networkPromise = new Promise((resolve) => {
-      this.$root.$on('overview::network::complete', () => resolve());
+      this.$root.$on('overview-network-complete', () => resolve());
     });
     const eventsPromise = new Promise((resolve) => {
-      this.$root.$on('overview::events::complete', () => resolve());
+      this.$root.$on('overview-events-complete', () => resolve());
     });
     Promise.all([
       this.$store.dispatch('system/getSystem'),
diff --git a/src/views/Overview/OverviewEvents.vue b/src/views/Overview/OverviewEvents.vue
index 83aa677..885db07 100644
--- a/src/views/Overview/OverviewEvents.vue
+++ b/src/views/Overview/OverviewEvents.vue
@@ -71,7 +71,7 @@
   },
   created() {
     this.$store.dispatch('eventLog/getEventLogData').finally(() => {
-      this.$root.$emit('overview::events::complete');
+      this.$root.$emit('overview-events-complete');
     });
   },
 };
diff --git a/src/views/Overview/OverviewNetwork.vue b/src/views/Overview/OverviewNetwork.vue
index ec9fd6b..239a881 100644
--- a/src/views/Overview/OverviewNetwork.vue
+++ b/src/views/Overview/OverviewNetwork.vue
@@ -50,7 +50,7 @@
   },
   created() {
     this.$store.dispatch('networkSettings/getEthernetData').finally(() => {
-      this.$root.$emit('overview::network::complete');
+      this.$root.$emit('overview-network-complete');
     });
   },
 };
diff --git a/src/views/Overview/OverviewQuickLinks.vue b/src/views/Overview/OverviewQuickLinks.vue
index 1cbc64d..9c549da 100644
--- a/src/views/Overview/OverviewQuickLinks.vue
+++ b/src/views/Overview/OverviewQuickLinks.vue
@@ -83,7 +83,7 @@
       this.$store.dispatch('global/getBmcTime'),
       this.$store.dispatch('serverLed/getIndicatorValue'),
     ]).finally(() => {
-      this.$root.$emit('overview::quicklinks::complete');
+      this.$root.$emit('overview-quicklinks-complete');
     });
   },
   methods: {
diff --git a/tests/unit/AppHeader.spec.js b/tests/unit/AppHeader.spec.js
index 6d359c8..1a4075f 100644
--- a/tests/unit/AppHeader.spec.js
+++ b/tests/unit/AppHeader.spec.js
@@ -44,11 +44,11 @@
     expect(wrapper.emitted('refresh')).toBeTruthy();
   });
 
-  it('nav-trigger button click should emit toggle:navigation event', async () => {
+  it('nav-trigger button click should emit toggle-navigation event', async () => {
     const rootWrapper = createWrapper(wrapper.vm.$root);
     wrapper.get('#app-header-trigger').trigger('click');
     await wrapper.vm.$nextTick();
-    expect(rootWrapper.emitted('toggle:navigation')).toBeTruthy();
+    expect(rootWrapper.emitted('toggle-navigation')).toBeTruthy();
   });
 
   it('logout button should dispatch authentication/logout', async () => {
@@ -59,7 +59,7 @@
 
   it('change:isNavigationOpen event should set isNavigationOpen prop to false', async () => {
     const rootWrapper = createWrapper(wrapper.vm.$root);
-    rootWrapper.vm.$emit('change:isNavigationOpen', false);
+    rootWrapper.vm.$emit('change-is-navigation-open', false);
     await rootWrapper.vm.$nextTick();
     expect(wrapper.vm.isNavigationOpen).toEqual(false);
   });
diff --git a/tests/unit/AppNavigation.spec.js b/tests/unit/AppNavigation.spec.js
index b706574..ab96204 100644
--- a/tests/unit/AppNavigation.spec.js
+++ b/tests/unit/AppNavigation.spec.js
@@ -26,20 +26,20 @@
     expect(wrapper.element).toMatchSnapshot();
   });
 
-  it('Nav Overlay click should emit change:isNavigationOpen event', async () => {
+  it('Nav Overlay click should emit change-is-navigation-open event', async () => {
     const rootWrapper = createWrapper(wrapper.vm.$root);
     const navOverlay = wrapper.find('#nav-overlay');
     navOverlay.trigger('click');
     await wrapper.vm.$nextTick();
-    expect(rootWrapper.emitted('change:isNavigationOpen')).toBeTruthy();
+    expect(rootWrapper.emitted('change-is-navigation-open')).toBeTruthy();
   });
 
-  it('toggle:navigation event should toggle isNavigation data prop value', async () => {
+  it('toggle-navigation event should toggle isNavigation data prop value', async () => {
     const rootWrapper = createWrapper(wrapper.vm.$root);
     wrapper.vm.isNavigationOpen = false;
-    rootWrapper.vm.$emit('toggle:navigation');
+    rootWrapper.vm.$emit('toggle-navigation');
     expect(wrapper.vm.isNavigationOpen).toBe(true);
-    rootWrapper.vm.$emit('toggle:navigation');
+    rootWrapper.vm.$emit('toggle-navigation');
     expect(wrapper.vm.isNavigationOpen).toBe(false);
   });
 });