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 }]">

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)

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 }}

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">