Prettify all the things

9 files changed, 29 insertions, 81 deletions

diff --git a/app/assets/javascripts/reports/components/grouped_test_reports_app.vue b/app/assets/javascripts/reports/components/grouped_test_reports_app.vue
index bd204503cc7..82601363aa4 100644
--- a/app/assets/javascripts/reports/components/grouped_test_reports_app.vue
+++ b/app/assets/javascripts/reports/components/grouped_test_reports_app.vue
@@ -77,13 +77,8 @@ export default {
     :has-issues="reports.length > 0"
     class="mr-widget-section grouped-security-reports mr-report"
   >
-    <div
-      slot="body"
-      class="mr-widget-grouped-section report-block"
-    >
-      <template
-        v-for="(report, i) in reports"
-      >
+    <div slot="body" class="mr-widget-grouped-section report-block">
+      <template v-for="(report, i) in reports">
         <summary-row
           :key="`summary-row-${i}`"
           :summary="reportText(report)"
@@ -100,10 +95,7 @@ export default {
         />
       </template>
 
-      <modal
-        :title="modalTitle"
-        :modal-data="modalData"
-      />
+      <modal :title="modalTitle" :modal-data="modalData" />
     </div>
   </report-section>
 </template>
diff --git a/app/assets/javascripts/reports/components/issue_status_icon.vue b/app/assets/javascripts/reports/components/issue_status_icon.vue
index 6e143c4f98c..2946fbc6a1f 100644
--- a/app/assets/javascripts/reports/components/issue_status_icon.vue
+++ b/app/assets/javascripts/reports/components/issue_status_icon.vue
@@ -45,9 +45,6 @@ export default {
     }"
     class="report-block-list-icon"
   >
-    <icon
-      :name="iconName"
-      :size="32"
-    />
+    <icon :name="iconName" :size="32" />
   </div>
 </template>
diff --git a/app/assets/javascripts/reports/components/modal.vue b/app/assets/javascripts/reports/components/modal.vue
index 5f9e4072b2d..162421b037f 100644
--- a/app/assets/javascripts/reports/components/modal.vue
+++ b/app/assets/javascripts/reports/components/modal.vue
@@ -36,23 +36,13 @@ export default {
         :key="index"
         class="row prepend-top-10 append-bottom-10"
       >
-        <strong class="col-sm-3 text-right">
-          {{ field.text }}:
-        </strong>
+        <strong class="col-sm-3 text-right"> {{ field.text }}: </strong>
 
         <div class="col-sm-9 text-secondary">
-          <code-block
-            v-if="field.type === $options.fieldTypes.codeBock"
-            :code="field.value"
-          />
+          <code-block v-if="field.type === $options.fieldTypes.codeBock" :code="field.value" />
 
           <template v-else-if="field.type === $options.fieldTypes.link">
-            <a
-              :href="field.value"
-              target="_blank"
-              rel="noopener noreferrer"
-              class="js-modal-link"
-            >
+            <a :href="field.value" target="_blank" rel="noopener noreferrer" class="js-modal-link">
               {{ field.value }}
             </a>
           </template>
@@ -67,7 +57,6 @@ export default {
         </div>
       </div>
     </slot>
-    <div slot="footer">
-    </div>
+    <div slot="footer"></div>
   </modal>
 </template>
diff --git a/app/assets/javascripts/reports/components/modal_open_name.vue b/app/assets/javascripts/reports/components/modal_open_name.vue
index 4f81cee2a38..118e4b02c46 100644
--- a/app/assets/javascripts/reports/components/modal_open_name.vue
+++ b/app/assets/javascripts/reports/components/modal_open_name.vue
@@ -26,7 +26,7 @@ export default {
   <button
     type="button"
     class="btn-link btn-blank text-left break-link vulnerability-name-button"
-    @click="handleIssueClick()"
+    @click="handleIssueClick();"
   >
     {{ issue.title }}
   </button>
diff --git a/app/assets/javascripts/reports/components/report_item.vue b/app/assets/javascripts/reports/components/report_item.vue
index 01e6d357a21..839e86bdf17 100644
--- a/app/assets/javascripts/reports/components/report_item.vue
+++ b/app/assets/javascripts/reports/components/report_item.vue
@@ -33,21 +33,9 @@ export default {
 };
 </script>
 <template>
-  <li
-    :class="{ 'is-dismissed': issue.isDismissed }"
-    class="report-block-list-issue"
-  >
-    <issue-status-icon
-      :status="status"
-      class="append-right-5"
-    />
+  <li :class="{ 'is-dismissed': issue.isDismissed }" class="report-block-list-issue">
+    <issue-status-icon :status="status" class="append-right-5" />
 
-    <component
-      :is="component"
-      v-if="component"
-      :issue="issue"
-      :status="status"
-      :is-new="isNew"
-    />
+    <component :is="component" v-if="component" :issue="issue" :status="status" :is-new="isNew" />
   </li>
 </template>
diff --git a/app/assets/javascripts/reports/components/report_link.vue b/app/assets/javascripts/reports/components/report_link.vue
index 74d68f9f439..052bc53d610 100644
--- a/app/assets/javascripts/reports/components/report_link.vue
+++ b/app/assets/javascripts/reports/components/report_link.vue
@@ -20,10 +20,16 @@ export default {
       rel="noopener noreferrer nofollow"
       class="break-link"
     >
-      {{ issue.path }}<template v-if="issue.line">:{{ issue.line }}</template>
+      {{ issue.path
+      }}<template v-if="issue.line"
+        >:{{ issue.line }}</template
+      >
     </a>
     <template v-else>
-      {{ issue.path }}<template v-if="issue.line">:{{ issue.line }}</template>
+      {{ issue.path
+      }}<template v-if="issue.line"
+        >:{{ issue.line }}</template
+      >
     </template>
   </div>
 </template>
diff --git a/app/assets/javascripts/reports/components/report_section.vue b/app/assets/javascripts/reports/components/report_section.vue
index d196f497362..d6483e95278 100644
--- a/app/assets/javascripts/reports/components/report_section.vue
+++ b/app/assets/javascripts/reports/components/report_section.vue
@@ -143,11 +143,7 @@ export default {
         <span class="js-code-text code-text">
           {{ headerText }}
 
-          <popover
-            v-if="hasPopover"
-            :options="popoverOptions"
-            class="prepend-left-5"
-          />
+          <popover v-if="hasPopover" :options="popoverOptions" class="prepend-left-5" />
         </span>
 
         <slot name="actionButtons"></slot>
@@ -163,11 +159,7 @@ export default {
       </div>
     </div>
 
-    <div
-      v-if="hasIssues"
-      v-show="isExpanded"
-      class="js-report-section-container"
-    >
+    <div v-if="hasIssues" v-show="isExpanded" class="js-report-section-container">
       <slot name="body">
         <issues-list
           :unresolved-issues="unresolvedIssues"
diff --git a/app/assets/javascripts/reports/components/summary_row.vue b/app/assets/javascripts/reports/components/summary_row.vue
index 7e73ccb6c28..97a68531d29 100644
--- a/app/assets/javascripts/reports/components/summary_row.vue
+++ b/app/assets/javascripts/reports/components/summary_row.vue
@@ -46,26 +46,14 @@ export default {
 <template>
   <div class="report-block-list-issue report-block-list-issue-parent">
     <div class="report-block-list-icon append-right-10 prepend-left-5">
-      <gl-loading-icon
-        v-if="statusIcon === 'loading'"
-        css-class="report-block-list-loading-icon"
-      />
-      <ci-icon
-        v-else
-        :status="iconStatus"
-      />
+      <gl-loading-icon v-if="statusIcon === 'loading'" css-class="report-block-list-loading-icon" />
+      <ci-icon v-else :status="iconStatus" />
     </div>
 
     <div class="report-block-list-issue-description">
-      <div class="report-block-list-issue-description-text">
-        {{ summary }}
-      </div>
-
-      <popover
-        v-if="popoverOptions"
-        :options="popoverOptions"
-      />
+      <div class="report-block-list-issue-description-text">{{ summary }}</div>
 
+      <popover v-if="popoverOptions" :options="popoverOptions" />
     </div>
   </div>
 </template>
diff --git a/app/assets/javascripts/reports/components/test_issue_body.vue b/app/assets/javascripts/reports/components/test_issue_body.vue
index 1a87822fcc3..938e83de546 100644
--- a/app/assets/javascripts/reports/components/test_issue_body.vue
+++ b/app/assets/javascripts/reports/components/test_issue_body.vue
@@ -30,14 +30,10 @@ export default {
       <button
         type="button"
         class="btn-link btn-blank text-left break-link vulnerability-name-button"
-        @click="openModal({ issue })"
+        @click="openModal({ issue });"
       >
-        <div
-          v-if="isNew"
-          class="badge badge-danger append-right-5"
-        >
-          {{ s__('New') }}
-        </div>{{ issue.name }}
+        <div v-if="isNew" class="badge badge-danger append-right-5">{{ s__('New') }}</div>
+        {{ issue.name }}
       </button>
     </div>
   </div>