diff --git a/app/assets/javascripts/clusters/components/remove_cluster_confirmation.vue b/app/assets/javascripts/clusters/components/remove_cluster_confirmation.vue
index 271f9f74838349c42cb86891bf5564d2c0f33aea..c5375cbfbdcfd8d82f2c6c8994d99e12f109646f 100644
--- a/app/assets/javascripts/clusters/components/remove_cluster_confirmation.vue
+++ b/app/assets/javascripts/clusters/components/remove_cluster_confirmation.vue
@@ -147,7 +147,7 @@ export default {
           )
         }}</span>
       </template>
-      <template slot="modal-footer">
+      <template #modal-footer>
         <gl-deprecated-button variant="secondary" @click="handleCancel">{{
           s__('Cancel')
         }}</gl-deprecated-button>
diff --git a/changelogs/unreleased/update-deprecated-slot-syntax-in---app-assets-javascripts-clusters-compon.yml b/changelogs/unreleased/update-deprecated-slot-syntax-in---app-assets-javascripts-clusters-compon.yml
new file mode 100644
index 0000000000000000000000000000000000000000..a18b4990414f1523c8bc13fc5a4c55ce77085783
--- /dev/null
+++ b/changelogs/unreleased/update-deprecated-slot-syntax-in---app-assets-javascripts-clusters-compon.yml
@@ -0,0 +1,5 @@
+---
+title: Update deprecated slot syntax in ./app/assets/javascripts/clusters/components/remove_cluster_confirmation.vue
+merge_request: 32010
+author: Gilang Gumilar
+type: other