<script setup lang="ts">
import Item from './item.vue';
</script>
<template>
    <TresMesh :position="[0, 0, 0]" :rotate-x="Math.PI * -0.5" receive-shadow cast-shadow v-if="false">
        <TresCircleGeometry :args="[8, 8, 1]" />
        <TresMeshStandardMaterial color="pink" />
    </TresMesh>
    <Suspense>
        <TresGroup :translate-y="-2">
            <Item model-url="/models/kosynka.glb" :target="[0.5, 0.25, 0.5,]" />
            <Item model-url="/models/kreplaniye_planok.glb" :target="[1, 0.5, 1]" />
            <Item model-url="/models/planki.glb" :target="[1.5, 1, 1.5,]" />
            <Item model-url="/models/stolb.glb" :target="[-0.5, 0.25, -0.5,]" />
            <Item model-url="/models/verh.glb" :target="[-1, 0.5, -1,]" />
            <Item model-url="/models/zakliopki.glb" :target="[-1.5, 1, -1.5,]" />
        </TresGroup>
    </Suspense>
</template>