Fix global search component reroute

src/components/general/GlobalSearchComponent.vue

@@ -60,19 +60,14 @@
 <script lang="ts" setup>
 import { useGlobalSearchState } from '@/stores/globalSearch'
 import { ref } from 'vue'
-import { useRouter } from 'vue-router'
 import { useDisplay } from 'vuetify'
 
 const { mobile } = useDisplay()
 const state = useGlobalSearchState()
 const search = ref('')
-const router = useRouter()
 
 function itemClick(item: any) {
-  router.replace({
-    name: 'TopologySpatialTimeSeriesDisplay',
-    params: { locationId: item.id },
-  })
+  state.selectedItem = item
   state.active = false
 }
 </script>

src/components/wms/LocationsSearchControl.vue

@@ -48,6 +48,11 @@ const showLocations = defineModel<boolean>('showLocations', { default: true })
 
 const state = useGlobalSearchState()
 
+watch(
+  () => state.selectedItem,
+  (item) => onSelectLocationId(item?.id),
+)
+
 const emit = defineEmits(['changeLocationId'])
 
 const selectedLocation = ref<Location | null>(null)
@@ -82,11 +87,10 @@ watch(
   () => (selectedLocation.value = getLocationFromId(props.selectedLocationId)),
 )
 
-watch(selectedLocation, onSelectLocation)
-function onSelectLocation(newValue: Location | null) {
-  if (newValue === null) {
+function onSelectLocationId(id: string | undefined) {
+  if (id === undefined) {
     return
   }
-  emit('changeLocationId', newValue.locationId)
+  emit('changeLocationId', id)
 }
 </script>

src/stores/globalSearch.ts

@@ -4,6 +4,7 @@ interface GlobalSearchState {
   active: boolean
   type: 'locations' | 'parameters' | 'nodes'
   items: GlobalSearchItem[]
+  selectedItem: GlobalSearchItem | null
 }
 
 interface GlobalSearchItem {
@@ -16,6 +17,7 @@ const useGlobalSearchState = defineStore('globalSearchState', {
     active: false,
     type: 'locations',
     items: [],
+    selectedItem: null,
   }),
 
   actions: {},