Format the files

Reformat the necessary files as a second step

app/assets/javascripts/pipelines/components/graph/job_group_dropdown.vue

@@ -69,7 +69,9 @@ export default {
     >
       <ci-icon :status="group.status" />
 
-      <span class="ci-status-text text-truncate mw-70p gl-pl-1-deprecated-no-really-do-not-use-me d-inline-block align-bottom">
+      <span
+        class="ci-status-text text-truncate mw-70p gl-pl-1-deprecated-no-really-do-not-use-me d-inline-block align-bottom"
+      >
         {{ group.name }}
       </span>
 

app/assets/javascripts/pipelines/components/graph/job_name_component.vue

@@ -27,7 +27,9 @@ export default {
 <template>
   <span class="ci-job-name-component mw-100">
     <ci-icon :status="status" />
-    <span class="ci-status-text text-truncate mw-70p gl-pl-1-deprecated-no-really-do-not-use-me d-inline-block align-bottom">
+    <span
+      class="ci-status-text text-truncate mw-70p gl-pl-1-deprecated-no-really-do-not-use-me d-inline-block align-bottom"
+    >
       {{ name }}
     </span>
   </span>

app/assets/javascripts/releases/components/evidence_block.vue

@@ -80,7 +80,9 @@ export default {
             <span class="js-short monospace">{{ shortSha(index) }}</span>
           </template>
           <template slot="expanded">
-            <span class="js-expanded monospace gl-pl-1-deprecated-no-really-do-not-use-me">{{ sha(index) }}</span>
+            <span class="js-expanded monospace gl-pl-1-deprecated-no-really-do-not-use-me">{{
+              sha(index)
+            }}</span>
           </template>
         </expand-button>
         <clipboard-button

app/assets/javascripts/vue_shared/components/date_time_picker/date_time_picker.vue

@@ -198,7 +198,10 @@ export default {
             </gl-deprecated-button>
           </gl-form-group>
         </gl-form-group>
-        <gl-form-group label-for="group-id-dropdown" class="col-md-5 gl-pl-1-deprecated-no-really-do-not-use-me gl-pr-1-deprecated-no-really-do-not-use-me m-0">
+        <gl-form-group
+          label-for="group-id-dropdown"
+          class="col-md-5 gl-pl-1-deprecated-no-really-do-not-use-me gl-pr-1-deprecated-no-really-do-not-use-me m-0"
+        >
           <template #label>
             <span class="gl-pl-5-deprecated-no-really-do-not-use-me">{{ __('Quick range') }}</span>
           </template>

ee/app/assets/javascripts/design_management/pages/design/index.vue

@@ -308,7 +308,9 @@ export default {
         </div>
       </div>
       <div class="image-notes">
-        <h2 class="gl-font-size-20-deprecated-no-really-do-not-use-me font-weight-bold mt-0">{{ issue.title }}</h2>
+        <h2 class="gl-font-size-20-deprecated-no-really-do-not-use-me font-weight-bold mt-0">
+          {{ issue.title }}
+        </h2>
         <a class="text-tertiary text-decoration-none mb-3 d-block" :href="issue.webUrl">{{
           issue.webPath
         }}</a>

ee/app/assets/javascripts/geo_nodes/components/geo_node_detail_item.vue

@@ -126,12 +126,9 @@ export default {
         <section>
           <p>{{ __('Synchronization of container repositories is disabled.') }}</p>
           <div class="mt-3">
-            <gl-link
-              class="gl-font-sm"
-              :href="$options.replicationHelpUrl"
-              target="_blank"
-              >{{ __('Learn how to enable synchronization') }}</gl-link
-            >
+            <gl-link class="gl-font-sm" :href="$options.replicationHelpUrl" target="_blank">{{
+              __('Learn how to enable synchronization')
+            }}</gl-link>
           </div>
         </section>
       </gl-popover>

ee/app/assets/javascripts/geo_nodes/components/geo_node_header.vue

@@ -58,10 +58,7 @@ export default {
           />
         </span>
         <span class="inline">
-          <span
-            v-if="node.current"
-            class="rounded-pill gl-font-sm p-1 text-white bg-success-400"
-          >
+          <span v-if="node.current" class="rounded-pill gl-font-sm p-1 text-white bg-success-400">
             {{ s__('Current node') }}
           </span>
           <span

ee/app/assets/javascripts/packages/details/components/package_title.vue

@@ -31,7 +31,9 @@ export default {
 
 <template>
   <div class="flex-column">
-    <h1 class="gl-font-size-20-deprecated-no-really-do-not-use-me prepend-top-8 append-bottom-4">{{ packageEntity.name }}</h1>
+    <h1 class="gl-font-size-20-deprecated-no-really-do-not-use-me prepend-top-8 append-bottom-4">
+      {{ packageEntity.name }}
+    </h1>
 
     <div class="d-flex align-items-center text-secondary">
       <gl-icon name="eye" class="append-right-8" />

ee/app/assets/javascripts/related_issues/components/related_issues_block.vue

@@ -160,7 +160,9 @@ export default {
       </div>
       <div
         class="linked-issues-card-body bg-gray-light"
-        :class="{ 'gl-p-3-deprecated-no-really-do-not-use-me': isFormVisible || shouldShowTokenBody }"
+        :class="{
+          'gl-p-3-deprecated-no-really-do-not-use-me': isFormVisible || shouldShowTokenBody,
+        }"
       >
         <div
           v-if="isFormVisible"

ee/app/assets/javascripts/security_dashboard/components/vulnerability_count.vue

@@ -28,7 +28,10 @@ export default {
     <div class="p-2 bg-gray-light d-flex justify-content-center">
       <severity-badge :severity="severity" />
     </div>
-    <div ref="body" class="pt-3 pb-3 gl-font-size-20-deprecated-no-really-do-not-use-me text-center">
+    <div
+      ref="body"
+      class="pt-3 pb-3 gl-font-size-20-deprecated-no-really-do-not-use-me text-center"
+    >
       <span v-if="isLoading">&mdash;</span> <span v-else>{{ count }}</span>
     </div>
   </div>