diff --git a/app/javascript/vue/repositories/modals/new.vue b/app/javascript/vue/repositories/modals/new.vue
index d1534efdb..9e306def7 100644
--- a/app/javascript/vue/repositories/modals/new.vue
+++ b/app/javascript/vue/repositories/modals/new.vue
@@ -108,7 +108,7 @@ export default {
   mounted() {
     document.addEventListener('mouseover', this.loadColumnsInfo);
   },
-  beforeDestroy() {
+  beforeUnmount() {
     document.removeEventListener('mouseover', this.loadColumnsInfo);
   },
   computed: {
diff --git a/app/javascript/vue/repository/state_menu.vue b/app/javascript/vue/repository/state_menu.vue
index 015a1cf81..df47f39e7 100644
--- a/app/javascript/vue/repository/state_menu.vue
+++ b/app/javascript/vue/repository/state_menu.vue
@@ -23,7 +23,7 @@ export default {
     archivedUrl: { type: String, required: true },
     disabled: { type: String, default: 'false' }
   },
-  beforeDestroy() {
+  beforeUnmount() {
     delete window.initRepositoryStateMenu;
   },
   computed: {
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/ScrollSpy.vue b/app/javascript/vue/repository_item_sidebar/repository_values/ScrollSpy.vue
index 07d8b936e..333f3cde4 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/ScrollSpy.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/ScrollSpy.vue
@@ -60,7 +60,7 @@ export default {
       }
     });
   },
-  beforeDestroy() {
+  beforeUnmount() {
     window.removeEventListener('resize', this.handleResize);
     this.removeScrollListener();
   },
diff --git a/app/javascript/vue/repository_row/manage_stock_value_modal.vue b/app/javascript/vue/repository_row/manage_stock_value_modal.vue
index 87f26c404..b015df92e 100644
--- a/app/javascript/vue/repository_row/manage_stock_value_modal.vue
+++ b/app/javascript/vue/repository_row/manage_stock_value_modal.vue
@@ -222,7 +222,7 @@ export default {
   created() {
     window.manageStockModalComponent = this;
   },
-  beforeDestroy() {
+  beforeUnmount() {
     delete window.manageStockModalComponent;
   },
   mounted() {
diff --git a/app/javascript/vue/shared/breadcrumbs.vue b/app/javascript/vue/shared/breadcrumbs.vue
index 7764b31c0..b421f881c 100644
--- a/app/javascript/vue/shared/breadcrumbs.vue
+++ b/app/javascript/vue/shared/breadcrumbs.vue
@@ -94,7 +94,7 @@ export default {
     this.setContainerSize();
     window.addEventListener('resize', this.setContainerSize);
   },
-  beforeDestroy() {
+  beforeUnmount() {
     window.removeEventListener('resize', this.setContainerSize);
   },
   methods: {
diff --git a/app/javascript/vue/shared/repository_row_selector.vue b/app/javascript/vue/shared/repository_row_selector.vue
index 4a57fb44a..8e1f5b37d 100644
--- a/app/javascript/vue/shared/repository_row_selector.vue
+++ b/app/javascript/vue/shared/repository_row_selector.vue
@@ -97,7 +97,7 @@ export default {
   mounted() {
     document.addEventListener('mouseover', this.loadColumnsInfo);
   },
-  beforeDestroy() {
+  beforeUnmount() {
     document.removeEventListener('mouseover', this.loadColumnsInfo);
   },
   watch: {