From 9b175e39232b7de9166cac8d513d08f182ac7583 Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Mon, 1 Jun 2026 15:23:35 +0200
Subject: [PATCH] feat(place-search-bar-below-navbar): add search bar model to
 the navbar search bar wrapper component

---
 .../nav/components/NavbarSearchBarWrapper.vue       | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/features/nav/components/NavbarSearchBarWrapper.vue b/src/features/nav/components/NavbarSearchBarWrapper.vue
index 7b68e1d..4ac2724 100644
--- a/src/features/nav/components/NavbarSearchBarWrapper.vue
+++ b/src/features/nav/components/NavbarSearchBarWrapper.vue
@@ -17,14 +17,27 @@ limitations under the License.
 <script setup>
 import Searchbar from '@/features/search/components/Searchbar.vue';
 
+import { watch } from 'vue';
 import { useRoute } from 'vue-router';
 
 const route = useRoute();
+const searchQueryModel = defineModel();
+
+watch(() => route.name, name => {
+    searchQueryModel.value = name === 'searchResults' ? route.query.q || '' : '';
+});
+
+watch(() => route.query.q, q => {
+    if (route.name === 'searchResults') {
+        searchQueryModel.value = q || '';
+    }
+});
 </script>
 
 <template>
     <Searchbar
         v-if="route.name === 'searchResults'"
+        v-model="searchQueryModel"
         auto-submit
     />
 </template>
\ No newline at end of file