The change of location did not trigger new research - #1850

src/views/SearchView.vue

@@ -2,7 +2,7 @@
   <div class="max-w-4xl mx-auto">
     <search-fields
       v-model:search="search"
-      v-model:address="address"
+      v-model:address="userAddress"
       v-model:distance="radius"
       :numberOfSearch="numberOfSearch"
       :addressDefaultText="addressName"
@@ -630,23 +630,29 @@ const searchDebounced = refDebounced(search, 1000);
 const addressName = useRouteQuery("locationName", null);
 const address = ref<IAddress | null>(null);
 
-watch(address, (newAddress: IAddress) => {
+const userAddress = computed({
-  console.debug("address change", newAddress);
+  get(): IAddress | null {
-  if (newAddress?.geom) {
+    return address.value;
-    latitude.value = parseFloat(newAddress?.geom.split(";")[1]);
+  },
-    longitude.value = parseFloat(newAddress?.geom.split(";")[0]);
+  set(newAddress: IAddress | null) {
-    addressName.value = newAddress?.description;
+    console.debug("address change", newAddress);
-    console.debug("set address", [
+    address.value = newAddress;
-      latitude.value,
+    if (newAddress?.geom) {
-      longitude.value,
+      latitude.value = parseFloat(newAddress?.geom.split(";")[1]);
-      addressName.value,
+      longitude.value = parseFloat(newAddress?.geom.split(";")[0]);
-    ]);
+      addressName.value = newAddress?.description;
-  } else {
+      console.debug("set address", [
-    console.debug("address emptied");
+        latitude.value,
-    latitude.value = undefined;
+        longitude.value,
-    longitude.value = undefined;
+        addressName.value,
-    addressName.value = null;
+      ]);
-  }
+    } else {
+      console.debug("address emptied");
+      latitude.value = undefined;
+      longitude.value = undefined;
+      addressName.value = null;
+    }
+  },
 });
 
 interface ISearchTimeOption {