diff --git a/app/assets/javascripts/repository/components/breadcrumbs.vue b/app/assets/javascripts/repository/components/breadcrumbs.vue
index 886e9d76cca84d522c85f649180cbd8a6e445a01..45c343c3f7f13d41e968b2376ec431987cd36dbf 100644
--- a/app/assets/javascripts/repository/components/breadcrumbs.vue
+++ b/app/assets/javascripts/repository/components/breadcrumbs.vue
@@ -242,7 +242,7 @@ export default {
       </li>
       <li v-if="renderAddToTreeDropdown" class="breadcrumb-item">
         <gl-dropdown toggle-class="add-to-tree qa-add-to-tree ml-1">
-          <template slot="button-content">
+          <template #button-content>
             <span class="sr-only">{{ __('Add to tree') }}</span>
             <icon name="plus" :size="16" class="float-left" />
             <icon name="chevron-down" :size="16" class="float-left" />
diff --git a/changelogs/unreleased/update-deprecated-slot-syntax-in---app-assets-javascripts-repository-comp.yml b/changelogs/unreleased/update-deprecated-slot-syntax-in---app-assets-javascripts-repository-comp.yml
new file mode 100644
index 0000000000000000000000000000000000000000..7ca74c01be4d4de9c79f2ef0ff3ff02d22710ba7
--- /dev/null
+++ b/changelogs/unreleased/update-deprecated-slot-syntax-in---app-assets-javascripts-repository-comp.yml
@@ -0,0 +1,5 @@
+---
+title: Update deprecated slot syntax in ./app/assets/javascripts/repository/components/breadcrumbs.vue
+merge_request: 32017
+author: Gilang Gumilar
+type: changed