diff --git a/src/components/ClusterView.vue b/src/components/ClusterView.vue
index 49318d43..f7720877 100644
--- a/src/components/ClusterView.vue
+++ b/src/components/ClusterView.vue
@@ -13,6 +13,8 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 
+import { subscribe, unsubscribe } from '@nextcloud/event-bus';
+
 import UserConfig from '../mixins/UserConfig';
 import TopMatter from './top-matter/TopMatter.vue';
 import ClusterGrid from './ClusterGrid.vue';
@@ -50,6 +52,14 @@ export default defineComponent({
     this.routeChange();
   },
 
+  created() {
+    subscribe(this.config_eventName, this.routeChange);
+  },
+
+  beforeDestroy() {
+    unsubscribe(this.config_eventName, this.routeChange);
+  },
+
   watch: {
     async $route() {
       this.routeChange();