components/modal.vue

@@ -238,7 +238,7 @@ const policy = () => {
             <template v-else>
                 <h2>данные расчета</h2>
                 <div class="flex gap-4 flex-col mb-4 modal-content">
-                    <p>Общая длина: {{ total_length }}<br />
+                    <p>Общая длина: {{ total_length }} м<br />
                         Цвет столба: {{ getColorNameFromRal(pillar_color) }}<br />
                         Цвет ламелей: {{ getColorNameFromRal(lamelle_color) }}
                     </p>

components/model/item.vue

@@ -62,15 +62,17 @@ watch(props, () => {
 }, { deep: true })
 </script>
 <template>
-    <TresGroup ref="model" :name="scene.children[0].name">
-        <Suspense>
-            <primitive :object="scene.children[0]" :position="(props.position || [0, 0, 0])" />
-        </Suspense>
-        <Suspense v-if="false">
-            <Text3D :text="scene.children[0].name"
-                font='https://raw.githubusercontent.com/Tresjs/assets/main/fonts/FiraCodeRegular.json'>
-                <TresMeshNormalMaterial color=red />
-            </Text3D>
-        </Suspense>
-    </TresGroup>
+    <template v-if="scene.children[0]">
+        <TresGroup ref="model" :name="scene.children[0].name">
+            <Suspense>
+                <primitive :object="scene.children[0]" :position="(props.position || [0, 0, 0])" />
+            </Suspense>
+            <Suspense v-if="false">
+                <Text3D :text="scene.children[0].name"
+                    font='https://raw.githubusercontent.com/Tresjs/assets/main/fonts/FiraCodeRegular.json'>
+                    <TresMeshNormalMaterial color=red />
+                </Text3D>
+            </Suspense>
+        </TresGroup>
+    </template>
 </template>