LineDashedMaterial Support is needed

[SausageDogger]

I Tried to draw a dashed line with LineDashedMaterial in Tres, but it didn't work. It just a solid line mesh

<TresLine ref="DashedTorus" >
    <TresTorusGeometry :args="[1, 0.5, 16, 32]" ref="torus" />
    <TresLineDashedMaterial color="red" :gapSize="0.3" :dashSize="0.1"/>
</TresLine>

so I read the ThreeJS document and some tutorials, I found that if I want to draw a dashed geometry, I need to do this:

import * as THREE from 'three'

const geometry = new THREE.BoxGeometry( 2, 2, 2 )
geometry.toNonIndexed()

var material = new THREE.LineDashedMaterial( { color: 0x0000ff } )
material.dashSize = 0.1
material.gapSize = 0.2

const line = new THREE.Line( geometry, material )
line.computeLineDistances() 

I use <primitive :object="line" /> and it works

So the problem is .toNonIndexed() and .computeLineDistances() , the geometry should transfrom into a "Non Indexed" version, and the line object need to "compute Line Distances"

But it seems that Tres didn't support yet

The ideal Tres syntax in my mind(of course it didn't work):

<TresLine ref="DashedTorus" computeLineDistances >
    <TresTorusGeometry :args="[1, 0.5, 16, 32]" ref="torus" toNonIndexed/>
     <TresLineDashedMaterial color="red" :gapSize="0.3" :dashSize="0.1"/>
</TresLine>

I hope "toNonIndexed" attribute will change Geometry into "NonIndexed" version.

computeLineDistances attribute can work, but TorusGeometry is not "NonIndexed". it shows “THREE.Line.computeLineDistances(): Computation only possible with non-indexed BufferGeometry.”

Or Tres could detected LineDashedMaterial, and execute .toNonIndexed() and .computeLineDistances() automatically

And I tried this

<TresLine ref="DashedTorus" >
    <TresTorusGeometry :args="[1, 0.5, 16, 32]" ref="torus" />
    <TresLineDashedMaterial color="red" :gapSize="0.3" :dashSize="0.1"/>
</TresLine>

const DashedTorus = shallowRef()
const torus = shallowRef()

onMounted(() => {
    torus.value = torus.value.toNonIndexed()
    DashedTorus.value.computeLineDistances()
})

.computeLineDistances() is executed but it shows “THREE.Line.computeLineDistances(): Computation only possible with non-indexed BufferGeometry.”, which may means torus ref didn't replaced by .toNonIndexed(), and IDK why.

Hope LineDashedMaterial will be Supported. Thanks for Tres developers.