ThreeJS Add border for Text Object

Created Text with TextGeometry in Threejs,

    const font = await loadFont(fontUrl)
    const geometry = new TextGeometry("文字", {
        font: font,
        size: size,
        depth: 10,
        bevelEnabled: false,
        bevelThickness: 1,
        bevelSize: 1,
        bevelOffset: 0,
        bevelSegments: 0
    })
    const material = new THREE.MeshStandardMaterial({
        color: color
    })
   

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

want to add a border for it, like this :

expected effect

blue in the middle is the original text, red is the border.

Try troika-three-text project.
It’s very nice, but seems no depth for text.