IssueNotesRefactor: kebab-case all Vue data bindings.

app/assets/javascripts/notes/components/issue_comment_form.vue

@@ -161,10 +161,10 @@ export default {
           <div class="timeline-icon hidden-xs hidden-sm">
             <user-avatar-link
               v-if="author"
-              :linkHref="author.path"
-              :imgSrc="author.avatar_url"
-              :imgAlt="author.name"
-              :imgSize="40" />
+              :link-href="author.path"
+              :img-src="author.avatar_url"
+              :img-alt="author.name"
+              :img-size="40" />
           </div>
           <div class="js-main-target-form timeline-content timeline-content-form common-note-form">
             <markdown-field

app/assets/javascripts/notes/components/issue_discussion.vue

@@ -109,25 +109,25 @@ export default {
     <div class="timeline-entry-inner">
       <div class="timeline-icon">
         <user-avatar-link
-          :linkHref="author.path"
-          :imgSrc="author.avatar_url"
-          :imgAlt="author.name"
-          :imgSize="40" />
+          :link-href="author.path"
+          :img-src="author.avatar_url"
+          :img-alt="author.name"
+          :img-size="40" />
       </div>
       <div class="timeline-content">
         <div class="discussion">
           <div class="discussion-header">
             <issue-note-header
               :author="author"
-              :createdAt="discussion.created_at"
-              :noteId="discussion.id"
-              :includeToggle="true"
-              :toggleHandler="toggleDiscussion"
+              :created-at="discussion.created_at"
+              :note-id="discussion.id"
+              :include-toggle="true"
+              :toggle-handler="toggleDiscussion"
               actionText="started a discussion" />
             <issue-note-edited-text
               v-if="note.last_updated_by"
-              :editedAt="note.last_updated_at"
-              :editedBy="note.last_updated_by"
+              :edited-at="note.last_updated_at"
+              :edited-by="note.last_updated_by"
               actionText="Last updated"
               className="discussion-headline-light js-discussion-headline" />
             </div>
@@ -155,8 +155,8 @@ export default {
                   <issue-note-form
                     v-if="isReplying"
                     saveButtonTitle="Comment"
-                    :updateHandler="saveReply"
-                    :cancelHandler="cancelReplyForm"
+                    :update-handler="saveReply"
+                    :cancel-handler="cancelReplyForm"
                     ref="noteForm" />
                   <issue-note-signed-out-widget v-if="!canReply" />
                 </div>

app/assets/javascripts/notes/components/issue_note.vue

@@ -121,35 +121,35 @@ export default {
     <div class="timeline-entry-inner">
       <div class="timeline-icon">
         <user-avatar-link
-          :linkHref="author.path"
-          :imgSrc="author.avatar_url"
-          :imgAlt="author.name"
-          :imgSize="40" />
+          :link-href="author.path"
+          :img-src="author.avatar_url"
+          :img-alt="author.name"
+          :img-size="40" />
       </div>
       <div class="timeline-content">
         <div class="note-header">
           <issue-note-header
             :author="author"
-            :createdAt="note.created_at"
-            :noteId="note.id"
+            :created-at="note.created_at"
+            :note-id="note.id"
             actionText="commented" />
           <issue-note-actions
-            :authorId="author.id"
-            :noteId="note.id"
-            :accessLevel="note.human_access"
-            :canEdit="note.current_user.can_edit"
-            :canDelete="note.current_user.can_edit"
-            :canReportAsAbuse="canReportAsAbuse"
-            :reportAbusePath="note.report_abuse_path"
-            :editHandler="editHandler"
-            :deleteHandler="deleteHandler" />
+            :author-id="author.id"
+            :note-id="note.id"
+            :access-level="note.human_access"
+            :can-edit="note.current_user.can_edit"
+            :can-delete="note.current_user.can_edit"
+            :can-report-as-abuse="canReportAsAbuse"
+            :report-abuse-path="note.report_abuse_path"
+            :edit-handler="editHandler"
+            :delete-handler="deleteHandler" />
         </div>
         <issue-note-body
           :note="note"
-          :canEdit="note.current_user.can_edit"
-          :isEditing="isEditing"
-          :formUpdateHandler="formUpdateHandler"
-          :formCancelHandler="formCancelHandler"
+          :can-edit="note.current_user.can_edit"
+          :is-editing="isEditing"
+          :form-update-handler="formUpdateHandler"
+          :form-cancel-handler="formCancelHandler"
           ref="noteBody" />
       </div>
     </div>

app/assets/javascripts/notes/components/issue_note_body.vue

@@ -78,10 +78,10 @@ export default {
     <issue-note-form
       v-if="isEditing"
       ref="noteForm"
-      :updateHandler="handleFormUpdate"
-      :cancelHandler="formCancelHandler"
-      :noteBody="noteBody"
-      :noteId="note.id" />
+      :update-handler="handleFormUpdate"
+      :cancel-handler="formCancelHandler"
+      :note-body="noteBody"
+      :note-id="note.id" />
     <textarea
       v-if="canEdit"
       v-model="note.note"
@@ -89,14 +89,14 @@ export default {
       class="hidden js-task-list-field"></textarea>
     <issue-note-edited-text
       v-if="note.last_edited_by"
-      :editedAt="note.last_edited_at"
-      :editedBy="note.last_edited_by"
+      :edited-at="note.last_edited_at"
+      :edited-by="note.last_edited_by"
       actionText="Edited" />
     <issue-note-awards-list
       v-if="note.award_emoji.length"
-      :noteId="note.id"
-      :noteAuthorId="note.author.id"
+      :note-id="note.id"
+      :note-author-id="note.author.id"
       :awards="note.award_emoji"
-      :toggleAwardPath="note.toggle_award_path" />
+      :toggle-award-path="note.toggle_award_path" />
   </div>
 </template>

app/assets/javascripts/notes/components/issue_note_edited_text.vue

@@ -38,6 +38,6 @@ export default {
     </a>
     <time-ago-tooltip
       :time="editedAt"
-      tooltipPlacement="bottom" />
+      tooltip-placement="bottom" />
   </div>
 </template>

app/assets/javascripts/notes/components/issue_system_note.vue

@@ -45,9 +45,9 @@ export default {
         <div class="note-header">
           <issue-note-header
             :author="note.author"
-            :createdAt="note.created_at"
-            :noteId="note.id"
-            :actionTextHtml="note.note_html" />
+            :created-at="note.created_at"
+            :note-id="note.id"
+            :action-text-html="note.note_html" />
         </div>
       </div>
     </div>