From 1669ff33257941903568ceb71ac98c8e564bc678 Mon Sep 17 00:00:00 2001
From: jlpereira <pepelui@outlook.com>
Date: Tue, 8 Aug 2023 11:38:08 -0300
Subject: [PATCH] Fix map hydration issue

---
 .../components/Panel/PanelMap/PanelMap.vue    | 21 +++++++------------
 1 file changed, 8 insertions(+), 13 deletions(-)

diff --git a/src/modules/otus/components/Panel/PanelMap/PanelMap.vue b/src/modules/otus/components/Panel/PanelMap/PanelMap.vue
index 5facd86..9218bb6 100644
--- a/src/modules/otus/components/Panel/PanelMap/PanelMap.vue
+++ b/src/modules/otus/components/Panel/PanelMap/PanelMap.vue
@@ -58,7 +58,7 @@
 </template>
 
 <script setup>
-import { ref, watch } from 'vue'
+import { ref, onMounted } from 'vue'
 import { useOtuStore } from '@/modules/otus/store/store'
 import CachedMap from './CachedMap.vue'
 import OtuSearch from '../../Search/OtuSearch.vue'
@@ -108,17 +108,12 @@ const LEGEND = {
   }
 }
 
-watch(
-  () => props.otuId,
-  async (newId, oldId) => {
-    if (newId === oldId) return
-    isLoading.value = true
+onMounted(() => {
+  isLoading.value = true
 
-    store.loadDistribution({
-      otuId: props.otuId,
-      rankString: props.taxon.rank_string
-    })
-  },
-  { immediate: true }
-)
+  store.loadDistribution({
+    otuId: props.otuId,
+    rankString: props.taxon.rank_string
+  })
+})
 </script>