Simple PaperJs integration in a vuejs 3 component

paper-canvas.vue

<script setup>
import paper from "paper"
import { ref, onMounted } from 'vue'

const canvas = ref(null)

onMounted(()=>{
  paper.setup(canvas.value);
  var path = new paper.Path();
  path.strokeColor = 'black';
  var start = new paper.Point(100, 100);
  path.moveTo(start);
  path.lineTo(start.add([ 200, -50 ]));
  paper.view.draw();
})

</script>

<template>
  <main>
    <canvas id="paper-canvas" ref="canvas" resize></canvas>
  </main>
</template>