diff --git a/src/views/Home.vue b/src/views/Home.vue
index 03a2106..e392d98 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -20,6 +20,7 @@
v-model="searchQuery"
@keyup.enter="performSearch"
@input="performSearch"
+ @click="toggleSearchBar()"
density="compact"
variant="solo"
prepend-inner-icon="mdi-magnify"
@@ -37,13 +38,28 @@
-
-
- -
- {{ result.display_name }}
-
-
-
+
+
+
+
+
+
+ mdi-map-marker
+
+ {{ result.display_name }}
+
+
+
{
+ showSearchBar.value = !showSearchBar.value;
+};
const moveToLocation = (result) => {
const lat = parseFloat(result.lat);
const lon = parseFloat(result.lon);
center.value = [lon, lat];
- hideSearchResults.value = true;
+ showSearchBar.value = false;
};
const performSearch = async () => {
@@ -108,8 +126,6 @@ const performSearch = async () => {
);
searchResults.value = response.data.slice(0, 5);
-
- hideSearchResults.value = false;
} catch (error) {
console.error("Error fetching search results:", error);
}