component.vue

data() {
            return {
                canvas: {
                    height: 500,
                    width: 600,
                    background_colour: "#2b2a29",
                    secondary: null
                }
            }
        },
        methods: {
            setup(sk) {
                sk.createCanvas(this.canvas.width, this.canvas.height)
                this.canvas.secondary = sk.createGraphics(
                    this.canvas.width, this.canvas.height
                )
                // this.canvas.secondary.clear()
                sk.background(this.canvas.background_colour);
            },
            draw(sk) {
                sk.background(this.canvas.background_colour);
                sk.image(this.canvas.secondary, 0, 0)
                sk.noStroke()
                sk.fill(this.getToolColour)
                sk.circle(sk.mouseX, sk.mouseY, this.getToolSize)

            },
            paint_on_sketch(sk) {
                this.canvas.secondary.stroke(this.getToolColour)
                this.canvas.secondary.strokeWeight(this.getToolSize)
                this.canvas.secondary.line(sk.mouseX, sk.mouseY, sk.pmouseX, sk.pmouseY);
                return false;
            },
        }