Merge branch 'fix-vue-component-definition-name-casing' into 'master'

Fix component-definition-name-casing violations

See merge request gitlab-org/gitlab!52017

.eslintrc.yml

@@ -53,7 +53,6 @@ rules:
   vue/no-mutating-props: off
   vue/one-component-per-file: off
   vue/no-lone-template: off
-  vue/component-definition-name-casing: off
   # END eslint-plugin-vue@7 overrides
 overrides:
   - files:

app/assets/javascripts/groups/index.js

@@ -33,8 +33,8 @@ export default (containerId = 'js-groups-tree', endpoint, action = '') => {
     dataEl = containerEl.querySelector(CONTENT_LIST_CLASS);
   }
 
-  Vue.component('group-folder', groupFolderComponent);
-  Vue.component('group-item', groupItemComponent);
+  Vue.component('GroupFolder', groupFolderComponent);
+  Vue.component('GroupItem', groupItemComponent);
 
   Vue.use(GlToast);
 

ee/app/assets/javascripts/related_items_tree/related_items_tree_bundle.js

@@ -32,8 +32,8 @@ export default () => {
   } = el.dataset;
   const initialData = JSON.parse(el.dataset.initial);
 
-  Vue.component('tree-root', TreeRoot);
-  Vue.component('tree-item', TreeItem);
+  Vue.component('TreeRoot', TreeRoot);
+  Vue.component('TreeItem', TreeItem);
 
   return new Vue({
     el,

ee/app/assets/javascripts/roadmap/roadmap_bundle.js

@@ -41,8 +41,8 @@ export default () => {
     });
   }
 
-  Vue.component('epic-item', EpicItem);
-  Vue.component('epic-item-container', EpicItemContainer);
+  Vue.component('EpicItem', EpicItem);
+  Vue.component('EpicItemContainer', EpicItemContainer);
 
   return new Vue({
     el,

ee/spec/frontend/members/components/table/member_table_cell_spec.js

@@ -30,7 +30,7 @@ describe('MemberTableCell', () => {
 
   const localVue = createLocalVue();
   localVue.use(Vuex);
-  localVue.component('wrapped-component', WrappedComponent);
+  localVue.component('WrappedComponent', WrappedComponent);
 
   const createStore = (state = {}) => {
     return new Vuex.Store({

spec/frontend/groups/components/app_spec.js

@@ -60,8 +60,8 @@ describe('AppComponent', () => {
   beforeEach(() => {
     mock = new AxiosMockAdapter(axios);
     mock.onGet('/dashboard/groups.json').reply(200, mockGroups);
-    Vue.component('group-folder', groupFolderComponent);
-    Vue.component('group-item', groupItemComponent);
+    Vue.component('GroupFolder', groupFolderComponent);
+    Vue.component('GroupItem', groupItemComponent);
 
     createShallowComponent();
     getGroupsSpy = jest.spyOn(vm.service, 'getGroups');

spec/frontend/groups/components/group_folder_spec.js

@@ -19,7 +19,7 @@ describe('GroupFolderComponent', () => {
   let vm;
 
   beforeEach(() => {
-    Vue.component('group-item', groupItemComponent);
+    Vue.component('GroupItem', groupItemComponent);
 
     vm = createComponent();
     vm.$mount();

spec/frontend/groups/components/group_item_spec.js

@@ -20,7 +20,7 @@ describe('GroupItemComponent', () => {
   let vm;
 
   beforeEach(() => {
-    Vue.component('group-folder', groupFolderComponent);
+    Vue.component('GroupFolder', groupFolderComponent);
 
     vm = createComponent();
 

spec/frontend/groups/components/groups_spec.js

@@ -22,8 +22,8 @@ describe('GroupsComponent', () => {
   let vm;
 
   beforeEach(() => {
-    Vue.component('group-folder', groupFolderComponent);
-    Vue.component('group-item', groupItemComponent);
+    Vue.component('GroupFolder', groupFolderComponent);
+    Vue.component('GroupItem', groupItemComponent);
 
     vm = createComponent();
 

spec/frontend/members/components/table/members_table_cell_spec.js

@@ -31,7 +31,7 @@ describe('MembersTableCell', () => {
 
   const localVue = createLocalVue();
   localVue.use(Vuex);
-  localVue.component('wrapped-component', WrappedComponent);
+  localVue.component('WrappedComponent', WrappedComponent);
 
   const createStore = (state = {}) => {
     return new Vuex.Store({

spec/frontend/vue_shared/directives/track_event_spec.js

@@ -5,7 +5,7 @@ import TrackEvent from '~/vue_shared/directives/track_event';
 
 jest.mock('~/tracking');
 
-const Component = Vue.component('dummy-element', {
+const Component = Vue.component('DummyElement', {
   directives: {
     TrackEvent,
   },