diff --git a/spa/src/App.vue b/spa/src/App.vue
index b1a2d15..9ffedc8 100644
--- a/spa/src/App.vue
+++ b/spa/src/App.vue
@@ -23,22 +23,15 @@ const route = useRoute();
 const backButton = useBackButton();
 
 watch(
-    () => route.fullPath,
+    () => route,
     () => {
       if (route.name === 'home') {
-        if (typeof backButton.hide === 'function') {
-          backButton.hide();
-        }
+        backButton.hide?.();
       } else {
-        if (typeof backButton.show === 'function') {
-          backButton.show();
-          backButton.onClick(() => {
-            router.back();
-          });
-        }
-
+        backButton.show?.();
+        backButton.onClick?.(() => router.back());
       }
     },
-    { immediate: true }
+    { immediate: true, deep: true }
 );
 </script>