Compute Vertices Buffer to BufferGeometry

Questions
1

In the below example I am wanting to generate vertices inside a compute shader and then pass them over the the Geometry Buffer. The problem I am having is inside the TSL code it is not updating the buffer like it needs to be. If i remove vertices array it doesn’t work.

I think I must have a gap in understanding to link these two things up correctly. Could anyone take a look help my understanding. I am a little confused on what the expected workflow is.

Thank you

const vertices = new Float32Array( [
	-1.0, -1.0,  1.0, // v0
	 1.0, -1.0,  1.0, // v1
	 1.0,  1.0,  1.0, // v2
	-1.0,  1.0,  1.0, // v3
] );

  const count = 12;
  const bufferAttributeArray = new THREE.BufferAttribute(vertices, 3);
  const positionBuffer = TSL.attributeArray(bufferAttributeArray.array, 'float');
  
  const computeSquare = Fn(() => {
    //const i = instanceIndex
    positionBuffer.element(0).assign(-1.0)
    positionBuffer.element(1).assign(-1.0)
    positionBuffer.element(2).assign(1.0)

    positionBuffer.element(3).assign(1.0)
    positionBuffer.element(4).assign(-1.0)
    positionBuffer.element(5).assign(1.0)

    positionBuffer.element(6).assign(1.0)
    positionBuffer.element(7).assign(1.0)
    positionBuffer.element(8).assign(1.0)

    positionBuffer.element(9).assign(-1.0)
    positionBuffer.element(10).assign(1.0)
    positionBuffer.element(11).assign(1.0)
  })().compute(1)
  await renderer.computeAsync(computeSquare)
  
    // Read back and log results
    const results = bufferAttributeArray.array;
    console.log('Computed values:', Array.from(results));

const geometry = new THREE.BufferGeometry();
const indices = [
	0, 1, 2,
	2, 3, 0,
];

geometry.setIndex( indices );
geometry.setAttribute( 'position', bufferAttributeArray );
geometry.computeVertexNormals();

const material = new THREE.MeshStandardNodeMaterial();
material.colorNode = color(0xFF00FF);

const mesh = new THREE.Mesh( geometry, material );
scene.add( mesh );