Merge branch 'vs-use-shorthand-for-slots' into 'master'

Use shorthand slot notation for component tags

See merge request gitlab-org/gitlab!30952

app/assets/javascripts/monitoring/components/charts/anomaly.vue

@@ -209,7 +209,7 @@ export default {
     :series-config="metricSeriesConfig"
   >
     <slot></slot>
-    <template v-slot:tooltipContent="slotProps">
+    <template #tooltip-content="slotProps">
       <div
         v-for="(content, seriesIndex) in slotProps.tooltip.content"
         :key="seriesIndex"

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

@@ -162,7 +162,7 @@ export default {
           :state="isNameValid(link)"
           @change="onLinkTitleInput(link.id, $event)"
         />
-        <template v-slot:invalid-feedback>
+        <template #invalid-feedback>
           <span v-if="hasEmptyName(link)" class="invalid-feedback d-inline">
             {{ __('Link title is required') }}
           </span>

app/assets/javascripts/sidebar/components/assignees/uncollapsed_assignee_list.vue

@@ -66,7 +66,7 @@ export default {
 <template>
   <assignee-avatar-link
     v-if="hasOneUser"
-    v-slot="{ user }"
+    #default="{ user }"
     tooltip-placement="left"
     :tooltip-has-name="false"
     :user="firstUser"

app/assets/javascripts/vue_merge_request_widget/components/mr_widget_pipeline_container.vue

@@ -83,7 +83,7 @@ export default {
       :source-branch-link="branchLink"
       :troubleshooting-docs-path="mr.troubleshootingDocsPath"
     />
-    <template v-slot:footer>
+    <template #footer>
       <div v-if="mr.exposedArtifactsPath" class="js-exposed-artifacts">
         <artifacts-app :endpoint="mr.exposedArtifactsPath" />
       </div>

ee/app/assets/javascripts/design_management/components/design_destroyer.vue

@@ -51,7 +51,7 @@ export default {
 
 <template>
   <apollo-mutation
-    v-slot="{ mutate, loading, error }"
+    #default="{ mutate, loading, error }"
     :mutation="$options.destroyDesignMutation"
     :variables="{
       filenames,

ee/app/assets/javascripts/design_management/components/design_notes/design_discussion.vue

@@ -113,7 +113,7 @@ export default {
         />
         <apollo-mutation
           v-else
-          v-slot="{ mutate, loading }"
+          #default="{ mutate, loading }"
           :mutation="$options.createNoteMutation"
           :variables="{
             input: mutationPayload,

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

@@ -277,7 +277,7 @@ export default {
           @done="$router.push({ name: $options.DESIGNS_ROUTE_NAME })"
           @error="onDesignDeleteError"
         >
-          <template v-slot="{ mutate, loading }">
+          <template #default="{ mutate, loading }">
             <toolbar
               :id="id"
               :is-deleting="loading"
@@ -332,7 +332,7 @@ export default {
           />
           <apollo-mutation
             v-if="annotationCoordinates"
-            v-slot="{ mutate, loading }"
+            #default="{ mutate, loading }"
             :mutation="$options.createImageDiffNoteMutation"
             :variables="{
               input: mutationPayload,

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

@@ -272,7 +272,7 @@ export default {
             >{{ selectAllButtonText }}</gl-deprecated-button
           >
           <design-destroyer
-            v-slot="{ mutate, loading }"
+            #default="{ mutate, loading }"
             :filenames="selectedDesigns"
             :project-path="projectPath"
             :iid="issueIid"

ee/app/assets/javascripts/feature_flags/components/feature_flags.vue

@@ -271,7 +271,7 @@ export default {
       :title="emptyStateTitle"
       :svg-path="errorStateSvgPath"
     >
-      <template v-slot:description>
+      <template #description>
         {{
           s__(
             'FeatureFlags|Feature flags allow you to configure your code into different flavors by dynamically toggling certain functionality.',

ee/app/assets/javascripts/packages/list/components/packages_list.vue

@@ -117,8 +117,8 @@ export default {
         @ok="deleteItemConfirmation"
         @cancel="deleteItemCanceled"
       >
-        <template v-slot:modal-title>{{ modalAction }}</template>
-        <template v-slot:modal-ok>{{ modalAction }}</template>
+        <template #modal-title>{{ modalAction }}</template>
+        <template #modal-ok>{{ modalAction }}</template>
         <p v-html="deletePackageDescription"></p>
       </gl-modal>
     </template>

ee/app/assets/javascripts/vue_merge_request_widget/components/blocking_merge_requests/blocking_merge_requests_report.vue

@@ -103,7 +103,7 @@ export default {
     issues-list-container-class="p-0"
     issue-item-class="p-0"
   >
-    <template v-slot:success>
+    <template #success>
       {{ __('All merge request dependencies have been merged') }}
       <span class="text-secondary">
         {{
@@ -113,7 +113,7 @@ export default {
         }}
       </span>
     </template>
-    <template v-slot:error>
+    <template #error>
       <span v-html="blockedByText"></span>
     </template>
   </report-section>

ee/app/assets/javascripts/vue_merge_request_widget/components/merge_immediately_confirmation_dialog.vue

@@ -60,7 +60,7 @@ export default {
   >
     <p v-html="bodyText"></p>
     <p>{{ __('Are you sure you want to merge immediately?') }}</p>
-    <template v-slot:modal-footer>
+    <template #modal-footer>
       <gl-deprecated-button ref="cancelButton" @click="cancel">{{
         __('Cancel')
       }}</gl-deprecated-button>