Enhanced vertex data function

index.js

@@ -75,8 +75,8 @@ function GenerateIndices(maxGlyphs) {
 }
 
 function GenerateVertexDataAndTexture(glyphCanvas) {
-    const { vertexData, numGlyphs, width, height } = generateGlyphVerticesForText('Hello\nworld!\nText in\nWebGPU!', COLORS, config, glyphCanvas);
-    state.device.queue.writeBuffer(state.vertexBuffer, 0, vertexData);
+    const glyphData = generateGlyphVerticesForText('Hello\nworld!\nText in\nWebGPU!', COLORS, config, glyphCanvas);
+    state.device.queue.writeBuffer(state.vertexBuffer, 0, glyphData.vertexData);
 
     state.texture = createTextureFromSource(state.device, glyphCanvas, { mips: true });
     state.sampler = state.device.createSampler({
@@ -101,9 +101,10 @@ function GenerateVertexDataAndTexture(glyphCanvas) {
         ],
     });
 
-    state.numGlyphs = numGlyphs;
-    state.width = width;
-    state.height = height;
+    // Update state with glyph details
+    state.numGlyphs = glyphData.numGlyphs;
+    state.width = glyphData.width;
+    state.height = glyphData.height;
 }
 
 function GameLoop(context) {