diff --git a/app/assets/javascripts/notes/components/issue_comment_form.vue b/app/assets/javascripts/notes/components/issue_comment_form.vue
index df03bee400a..ca51783db61 100644
--- a/app/assets/javascripts/notes/components/issue_comment_form.vue
+++ b/app/assets/javascripts/notes/components/issue_comment_form.vue
@@ -1,9 +1,9 @@
 <script>
 /* global Flash */
 
-import UserAvatarLink from '../../vue_shared/components/user_avatar/user_avatar_link.vue';
-import MarkdownField from '../../vue_shared/components/markdown/field.vue';
-import IssueNoteSignedOutWidget from './issue_note_signed_out_widget.vue';
+import userAvatarLink from '../../vue_shared/components/user_avatar/user_avatar_link.vue';
+import markdownField from '../../vue_shared/components/markdown/field.vue';
+import issueNoteSignedOutWidget from './issue_note_signed_out_widget.vue';
 import eventHub from '../event_hub';
 
 export default {
@@ -22,9 +22,9 @@ export default {
     };
   },
   components: {
-    UserAvatarLink,
-    MarkdownField,
-    IssueNoteSignedOutWidget,
+    userAvatarLink,
+    markdownField,
+    issueNoteSignedOutWidget,
   },
   computed: {
     isLoggedIn() {
diff --git a/app/assets/javascripts/notes/components/issue_discussion.vue b/app/assets/javascripts/notes/components/issue_discussion.vue
index db20309ce2f..12cbc79a75e 100644
--- a/app/assets/javascripts/notes/components/issue_discussion.vue
+++ b/app/assets/javascripts/notes/components/issue_discussion.vue
@@ -1,15 +1,15 @@
 <script>
 /* global Flash */
 
-import IssueNote from './issue_note.vue';
-import UserAvatarLink from '../../vue_shared/components/user_avatar/user_avatar_link.vue';
-import IssueNoteHeader from './issue_note_header.vue';
-import IssueNoteActions from './issue_note_actions.vue';
-import IssueNoteSignedOutWidget from './issue_note_signed_out_widget.vue';
-import IssueNoteEditedText from './issue_note_edited_text.vue';
-import IssueNoteForm from './issue_note_form.vue';
-import PlaceholderNote from './issue_placeholder_note.vue';
-import PlaceholderSystemNote from './issue_placeholder_system_note.vue';
+import issueNote from './issue_note.vue';
+import userAvatarLink from '../../vue_shared/components/user_avatar/user_avatar_link.vue';
+import issueNoteHeader from './issue_note_header.vue';
+import issueNoteActions from './issue_note_actions.vue';
+import issueNoteSignedOutWidget from './issue_note_signed_out_widget.vue';
+import issueNoteEditedText from './issue_note_edited_text.vue';
+import issueNoteForm from './issue_note_form.vue';
+import placeholderNote from './issue_placeholder_note.vue';
+import placeholderSystemNote from './issue_placeholder_system_note.vue';
 
 export default {
   props: {
@@ -36,26 +36,26 @@ export default {
     },
   },
   components: {
-    IssueNote,
-    UserAvatarLink,
-    IssueNoteHeader,
-    IssueNoteActions,
-    IssueNoteEditedText,
-    IssueNoteSignedOutWidget,
-    IssueNoteForm,
-    PlaceholderNote,
-    PlaceholderSystemNote,
+    issueNote,
+    userAvatarLink,
+    issueNoteHeader,
+    issueNoteActions,
+    issueNoteSignedOutWidget,
+    issueNoteEditedText,
+    issueNoteForm,
+    placeholderNote,
+    placeholderSystemNote,
   },
   methods: {
     componentName(note) {
       if (note.isPlaceholderNote) {
         if (note.placeholderType === 'systemNote') {
-          return PlaceholderSystemNote;
+          return placeholderSystemNote;
         }
-        return PlaceholderNote;
+        return placeholderNote;
       }
 
-      return IssueNote;
+      return issueNote;
     },
     componentData(note) {
       return note.isPlaceholderNote ? note.notes[0] : note;
diff --git a/app/assets/javascripts/notes/components/issue_note.vue b/app/assets/javascripts/notes/components/issue_note.vue
index a18e51eb48d..ffcd50321fb 100644
--- a/app/assets/javascripts/notes/components/issue_note.vue
+++ b/app/assets/javascripts/notes/components/issue_note.vue
@@ -2,10 +2,10 @@
 /* global Flash */
 
 import { mapGetters } from 'vuex';
-import UserAvatarLink from '../../vue_shared/components/user_avatar/user_avatar_link.vue';
-import IssueNoteHeader from './issue_note_header.vue';
-import IssueNoteActions from './issue_note_actions.vue';
-import IssueNoteBody from './issue_note_body.vue';
+import userAvatarLink from '../../vue_shared/components/user_avatar/user_avatar_link.vue';
+import issueNoteHeader from './issue_note_header.vue';
+import issueNoteActions from './issue_note_actions.vue';
+import issueNoteBody from './issue_note_body.vue';
 import eventHub from '../event_hub';
 
 export default {
@@ -22,10 +22,10 @@ export default {
     };
   },
   components: {
-    UserAvatarLink,
-    IssueNoteHeader,
-    IssueNoteActions,
-    IssueNoteBody,
+    userAvatarLink,
+    issueNoteHeader,
+    issueNoteActions,
+    issueNoteBody,
   },
   computed: {
     ...mapGetters([
diff --git a/app/assets/javascripts/notes/components/issue_note_body.vue b/app/assets/javascripts/notes/components/issue_note_body.vue
index fd4040452bf..0c41cfa8319 100644
--- a/app/assets/javascripts/notes/components/issue_note_body.vue
+++ b/app/assets/javascripts/notes/components/issue_note_body.vue
@@ -1,7 +1,7 @@
 <script>
-import IssueNoteEditedText from './issue_note_edited_text.vue';
-import IssueNoteAwardsList from './issue_note_awards_list.vue';
-import IssueNoteForm from './issue_note_form.vue';
+import issueNoteEditedText from './issue_note_edited_text.vue';
+import issueNoteAwardsList from './issue_note_awards_list.vue';
+import issueNoteForm from './issue_note_form.vue';
 import TaskList from '../../task_list';
 
 export default {
@@ -34,9 +34,9 @@ export default {
     },
   },
   components: {
-    IssueNoteEditedText,
-    IssueNoteAwardsList,
-    IssueNoteForm,
+    issueNoteEditedText,
+    issueNoteAwardsList,
+    issueNoteForm,
   },
   methods: {
     renderGFM() {
diff --git a/app/assets/javascripts/notes/components/issue_note_edited_text.vue b/app/assets/javascripts/notes/components/issue_note_edited_text.vue
index 8ed35bdb2a0..e71d6aa7b58 100644
--- a/app/assets/javascripts/notes/components/issue_note_edited_text.vue
+++ b/app/assets/javascripts/notes/components/issue_note_edited_text.vue
@@ -1,5 +1,5 @@
 <script>
-import TimeAgoTooltip from '../../vue_shared/components/time_ago_tooltip.vue';
+import timeAgoTooltip from '../../vue_shared/components/time_ago_tooltip.vue';
 
 export default {
   props: {
@@ -22,7 +22,7 @@ export default {
     },
   },
   components: {
-    TimeAgoTooltip,
+    timeAgoTooltip,
   },
 };
 </script>
diff --git a/app/assets/javascripts/notes/components/issue_note_form.vue b/app/assets/javascripts/notes/components/issue_note_form.vue
index 78ed88a579a..ee63f0771b8 100644
--- a/app/assets/javascripts/notes/components/issue_note_form.vue
+++ b/app/assets/javascripts/notes/components/issue_note_form.vue
@@ -1,5 +1,5 @@
 <script>
-import MarkdownField from '../../vue_shared/components/markdown/field.vue';
+import markdownField from '../../vue_shared/components/markdown/field.vue';
 import eventHub from '../event_hub';
 
 export default {
@@ -46,7 +46,7 @@ export default {
     },
   },
   components: {
-    MarkdownField,
+    markdownField,
   },
   methods: {
     handleUpdate() {
diff --git a/app/assets/javascripts/notes/components/issue_note_header.vue b/app/assets/javascripts/notes/components/issue_note_header.vue
index cf2826e7b2e..50eef36a761 100644
--- a/app/assets/javascripts/notes/components/issue_note_header.vue
+++ b/app/assets/javascripts/notes/components/issue_note_header.vue
@@ -1,5 +1,5 @@
 <script>
-import TimeAgoTooltip from '../../vue_shared/components/time_ago_tooltip.vue';
+import timeAgoTooltip from '../../vue_shared/components/time_ago_tooltip.vue';
 
 export default {
   props: {
@@ -36,7 +36,7 @@ export default {
     },
   },
   components: {
-    TimeAgoTooltip,
+    timeAgoTooltip,
   },
   data() {
     return {
diff --git a/app/assets/javascripts/notes/components/issue_notes.vue b/app/assets/javascripts/notes/components/issue_notes.vue
index d21a0a33790..f78a8aa1aff 100644
--- a/app/assets/javascripts/notes/components/issue_notes.vue
+++ b/app/assets/javascripts/notes/components/issue_notes.vue
@@ -6,12 +6,12 @@ import Vuex from 'vuex';
 import VueResource from 'vue-resource';
 import storeOptions from '../stores/issue_notes_store';
 import eventHub from '../event_hub';
-import IssueNote from './issue_note.vue';
-import IssueDiscussion from './issue_discussion.vue';
-import IssueSystemNote from './issue_system_note.vue';
-import IssueCommentForm from './issue_comment_form.vue';
-import PlaceholderNote from './issue_placeholder_note.vue';
-import PlaceholderSystemNote from './issue_placeholder_system_note.vue';
+import issueNote from './issue_note.vue';
+import issueDiscussion from './issue_discussion.vue';
+import issueSystemNote from './issue_system_note.vue';
+import issueCommentForm from './issue_comment_form.vue';
+import placeholderNote from './issue_placeholder_note.vue';
+import placeholderSystemNote from './issue_placeholder_system_note.vue';
 
 Vue.use(Vuex);
 Vue.use(VueResource);
@@ -26,12 +26,12 @@ export default {
     };
   },
   components: {
-    IssueNote,
-    IssueDiscussion,
-    IssueSystemNote,
-    IssueCommentForm,
-    PlaceholderNote,
-    PlaceholderSystemNote,
+    issueNote,
+    issueDiscussion,
+    issueSystemNote,
+    issueCommentForm,
+    placeholderNote,
+    placeholderSystemNote,
   },
   computed: {
     ...Vuex.mapGetters([
@@ -43,14 +43,14 @@ export default {
     componentName(note) {
       if (note.isPlaceholderNote) {
         if (note.placeholderType === 'systemNote') {
-          return PlaceholderSystemNote;
+          return placeholderSystemNote;
         }
-        return PlaceholderNote;
+        return placeholderNote;
       } else if (note.individual_note) {
-        return note.notes[0].system ? IssueSystemNote : IssueNote;
+        return note.notes[0].system ? issueSystemNote : issueNote;
       }
 
-      return IssueDiscussion;
+      return issueDiscussion;
     },
     componentData(note) {
       return note.individual_note ? note.notes[0] : note;
diff --git a/app/assets/javascripts/notes/components/issue_system_note.vue b/app/assets/javascripts/notes/components/issue_system_note.vue
index 0763f44552e..f5713f0a5a6 100644
--- a/app/assets/javascripts/notes/components/issue_system_note.vue
+++ b/app/assets/javascripts/notes/components/issue_system_note.vue
@@ -1,7 +1,7 @@
 <script>
 import { mapGetters } from 'vuex';
 import iconsMap from './issue_note_icons';
-import IssueNoteHeader from './issue_note_header.vue';
+import issueNoteHeader from './issue_note_header.vue';
 
 export default {
   props: {
@@ -16,7 +16,7 @@ export default {
     };
   },
   components: {
-    IssueNoteHeader,
+    issueNoteHeader,
   },
   computed: {
     ...mapGetters([
diff --git a/app/assets/javascripts/notes/index.js b/app/assets/javascripts/notes/index.js
index 1271773658e..4c42d5ff4a7 100644
--- a/app/assets/javascripts/notes/index.js
+++ b/app/assets/javascripts/notes/index.js
@@ -1,11 +1,13 @@
 import Vue from 'vue';
-import IssueNotes from './components/issue_notes.vue';
+import issueNotes from './components/issue_notes.vue';
 import '../vue_shared/vue_resource_interceptor';
 
 document.addEventListener('DOMContentLoaded', () => {
   const vm = new Vue({
     el: '#js-notes',
-    components: { IssueNotes },
+    components: {
+      issueNotes
+    },
     template: `
       <issue-notes ref="notes" />
     `,