diff --git a/src/features/search/views/SearchResultsView.vue b/src/features/search/views/SearchResultsView.vue
index ba53413..441b739 100644
--- a/src/features/search/views/SearchResultsView.vue
+++ b/src/features/search/views/SearchResultsView.vue
@@ -1,2 +1,6 @@
+<script setup>
+defineProps(['searchQuery'])
+</script>
+
 <template>
 </template>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 3b656e5..c21b25d 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import { createRouter, createWebHistory } from 'vue-router'
+import { createRouter, createWebHistory } from 'vue-router';
 
 import SearchView from '../views/SearchView.vue';
 import SearchResultsView from '@/features/search/views/SearchResultsView.vue';
@@ -28,9 +28,12 @@ const routes = [
     {
         path: '/search',
         name: 'searchResults',
-        component: SearchResultsView
+        component: SearchResultsView,
+        props: route => ({
+            searchQuery: route.query.q
+        })
     }
-]
+];
 
 const router = createRouter({
     history: createWebHistory(),