Description

This is a vue component that that overlwys a drawing tool over a vue component

Usage:

• Import the vue component: `import { OverlayDrawer } from '@michael-chiang-dev5/overlay-drawer'
• Import css: import "@michael-chiang-dev5/overlay-drawer/style.css"
• Use OverlayDrawer to overlay a drawing tool over another vue component

  <OverlayDrawer :width="'800px'" :height="'600px'">
    <YourComponent />
  </OverlayDrawer>

Example:

<template>
  <OverlayDrawer :width="'800px'" :height="'600px'">
    <div class="big-blue-square" @click="() => console.log('you clicked on the big-blue-square')">
      This is a big blue square
    </div>
  </OverlayDrawer>
</template>

<script setup>
import { OverlayDrawer } from '@michael-chiang-dev5/overlay-drawer'
import "@michael-chiang-dev5/overlay-drawer/style.css"
</script>


<style scoped>
.big-blue-square {
  width: 800px;
  height: 600px;
  background-color: lightblue;
}
</style>