From fb4f5bd02a6403c2b9bb6e102a78a1e64200a642 Mon Sep 17 00:00:00 2001
From: aarizona <ar.ariz.arizona@gmail.com>
Date: Fri, 30 Aug 2024 14:24:42 +0300
Subject: [PATCH] clear values on unmount

---
 front/src/components/Promo/index.vue       | 5 ++---
 front/src/components/Promo/load_models.vue | 3 +++
 front/src/components/load.vue              | 1 -
 front/src/components/nav.vue               | 2 --
 4 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/front/src/components/Promo/index.vue b/front/src/components/Promo/index.vue
index c57976a..48058a0 100644
--- a/front/src/components/Promo/index.vue
+++ b/front/src/components/Promo/index.vue
@@ -53,8 +53,7 @@ watch(() => route.params.target, () => {
         source.value = t
         sidebar.close()
     }
-},)
-
+})
 const sidebarFunc = () => {
     if (sidebar.is_open) {
         sidebar.close()
@@ -76,7 +75,7 @@ const sidebarFunc = () => {
                 <TresPerspectiveCamera :position="cameraPosition" ref="camera" />
                 <OrbitControls v-bind="controlsState" @change="onChange" make-default />
                 <Suspense>
-                    <LoadModels :source="source" :loaded_pan="loadedPan" />
+                    <LoadModels :source="source" :loaded_pan="loadedPan" v-if="route.name == 'scene'" :key="source as string" />
                 </Suspense>
             </TresCanvas>
             <div class="homelink" :class="[{ open: sidebar.is_open }]">
diff --git a/front/src/components/Promo/load_models.vue b/front/src/components/Promo/load_models.vue
index 958b364..2091c1b 100644
--- a/front/src/components/Promo/load_models.vue
+++ b/front/src/components/Promo/load_models.vue
@@ -134,6 +134,7 @@ const clearValues = () => {
     sidebar_visible = []
 }
 const loadModels = async () => {
+    console.log(`load models ${props.source} ${process_loading.value}`)
     clearValues()
     
     loading_store.status = 'loading'
@@ -428,6 +429,8 @@ onMounted(() => {
     }
 })
 onUnmounted(() => {
+    console.log('unmount load models')
+    clearValues()
     document.removeEventListener('click', clickEvent)
     timerEvent.map((event: string) => {
         document.removeEventListener(event, stopTimer)
diff --git a/front/src/components/load.vue b/front/src/components/load.vue
index a67d430..0d9b3c1 100644
--- a/front/src/components/load.vue
+++ b/front/src/components/load.vue
@@ -6,7 +6,6 @@ const page = useItem()
 const route = useRoute()
 
 await page.load(route.params)
-console.log(page)
 </script>
 <template>
     {{ route.params }}
diff --git a/front/src/components/nav.vue b/front/src/components/nav.vue
index ee40e94..d618ff7 100644
--- a/front/src/components/nav.vue
+++ b/front/src/components/nav.vue
@@ -7,8 +7,6 @@ const route = useRoute()
 const router = useRouter()
 
 const pageStore = useItem()
-
-console.log(router)
 </script>
 <template>
     <div class="nav">