<script setup lang="ts">
import Item from './item.vue';
const onClick = (e: MouseEvent) => {
    console.log(e)
}
const { renderer } = useTresContext()
renderer.value.shadowMap.enabled = true
</script>
<template>
    <TresMesh :position="[0, -1, 0]" :rotate-x="Math.PI * -0.5" receive-shadow cast-shadow>
        <TresBoxGeometry :args="[3, 3, 0.05]" />
        <TresMeshStandardMaterial color="pink" />
    </TresMesh>
    <Suspense>
        <TresGroup :position="[0, -1, 0]">
            <Item model-url="/models/kosynka.glb" />
            <Item model-url="/models/kreplaniye_planok.glb" />
            <Item model-url="/models/planki.glb" />
            <Item model-url="/models/stolb.glb" />
            <Item model-url="/models/verh.glb" />
            <Item model-url="/models/zakliopki.glb" />
        </TresGroup>
    </Suspense>
</template>