From 012af96856b8fefbae0ed81720903add4305810f Mon Sep 17 00:00:00 2001
From: Kseninia Mikhaylova <k.mikhailova@svs-tech.pro>
Date: Thu, 26 Sep 2024 13:27:20 +0300
Subject: [PATCH] braces

---
 components/model/fence.vue | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/components/model/fence.vue b/components/model/fence.vue
index 0dad41e..9ff3eed 100644
--- a/components/model/fence.vue
+++ b/components/model/fence.vue
@@ -86,8 +86,16 @@ watch([section_count, fence_section, extra_section], () => {
     }
 })
 
+const setBraceCount = () => {
+    brace_count.value = Math.ceil(lamelles_count.value / 4)
+}
+
 const brace = props.models.brace.clone().children[0]
 const brace_h = lamelle_height.value * 3
+const brace_count = ref<number>()
+
+setBraceCount()
+watch(lamelles_count, setBraceCount)
 
 const pillar = ref<Mesh[]>([])
 const setPillar = () => {
@@ -154,8 +162,8 @@ watch([instanced_lamelle, lamelle_color], setLamellesColor)
             <template v-for="item in pillar">
                 <TresMesh v-bind="item.clone()" />
             </template>
-            <template v-for="i in (lamelles_count % 4)">
-                <TresMesh v-bind="brace.clone()" :position-y="brace_h * (i - 1)" />
+            <template v-for="i in brace_count">
+                <TresMesh v-bind="brace.clone()" :position-y="brace_h * i" />
             </template>
         </TresGroup>
 
@@ -163,8 +171,8 @@ watch([instanced_lamelle, lamelle_color], setLamellesColor)
             <template v-for="item in pillar">
                 <TresObject3D v-bind="item.clone()" />
             </template>
-            <template v-for="i in (lamelles_count % 4)">
-                <TresMesh v-bind="brace.clone()" :position-y="brace_h * (i - 1)" />
+            <template v-for="i in brace_count">
+                <TresMesh v-bind="brace.clone()" :position-y="brace_h * i" />
             </template>
         </TresGroup>