Example of q5.js in an astro component

TestQ5.astro

<div class="canvas" id="canvasContainer" />

<script>
    import 'q5';    
    const canvasContainer = document.getElementById('canvasContainer');

    if (!(canvasContainer instanceof HTMLElement)) {
        throw new Error('Canvas container not found');  
    }

    let q = new Q5('instance', canvasContainer);
    const containerWidth = canvasContainer.clientWidth;

    q.createCanvas(containerWidth, 500);

    q.draw = () => {
        q.background(0.8);
        q.circle(q.mouseX, q.mouseY, 80);
    };
</script>