Update deprecated slot syntax in`...

Update deprecated slot syntax in` ee/app/assets/javascripts/vue_shared/security_reports/components/modal.vue`

ee/app/assets/javascripts/vue_shared/security_reports/components/modal.vue

@@ -253,7 +253,7 @@ export default {
 
       <div v-if="modal.error" class="alert alert-danger">{{ modal.error }}</div>
     </slot>
-    <div slot="footer">
+    <template #footer>
       <dismissal-comment-modal-footer
         v-if="modal.isCommentingOnDismissal"
         :is-dismissed="vulnerability.isDismissed"
@@ -284,6 +284,6 @@ export default {
         @revertDismissVulnerability="$emit('revertDismissVulnerability')"
         @downloadPatch="$emit('downloadPatch')"
       />
-    </div>
+    </template>
   </modal>
 </template>

ee/changelogs/unreleased/update-slot-syntax-of-ee-app-assets-javascripts-vue_shared-security_re.yml

+---
+title: Update deprecated Vue 3 slot syntax in ee/app/assets/javascripts/vue_shared/security_reports/components/modal.vue
+merge_request: 31966
+author: Gilang Gumilar
+type: other

ee/spec/frontend/vue_shared/security_reports/components/modal_spec.js

@@ -158,7 +158,7 @@ describe('Security Reports modal', () => {
         };
         propsData.modal.vulnerability.remediations = [{ diff: '123' }];
         propsData.modal.isResolved = true;
-        mountComponent(propsData);
+        mountComponent(propsData, mount);
       });
 
       it('disallows any actions in the footer', () => {
@@ -177,7 +177,7 @@ describe('Security Reports modal', () => {
       const propsData = {
         modal: createState().modal,
       };
-      mountComponent(propsData);
+      mountComponent(propsData, mount);
     });
 
     it('disallows any actions in the footer', () => {
@@ -270,7 +270,7 @@ describe('Security Reports modal', () => {
         modal: createState().modal,
       };
       propsData.modal.isResolved = true;
-      mountComponent(propsData);
+      mountComponent(propsData, mount);
     });
 
     it('disallows any actions in the footer', () => {