Release 2.0.0

Author: dulnan

README.md

@@ -1,5 +1,7 @@
 # lazy-brush - smooth drawing with a mouse, finger or any pointing device
 
+![lazy-brush banner](public/og.png?raw=true "Lazy Brush in action")
+
 **[Demo drawing app](https://lazybrush.dulnan.net)**
 
 __The demo app also uses

demo-src/components/Icons/Github.vue

@@ -21,7 +21,7 @@
 import { ref, onMounted, onBeforeUnmount, watch } from 'vue'
 import LazyBrush from '../../src/LazyBrush'
 import { Point } from '../../src/LazyPoint'
-import { Catenary } from 'catenary-curve'
+import { getCatenaryCurve, drawResult } from 'catenary-curve'
 
 const DRAW_MAX_DPI = 2
 
@@ -82,8 +82,6 @@ const lazy = new LazyBrush({
   }
 })
 
-const catenary = new Catenary()
-
 function onMouseDown() {
   isPressing.value = true
 }
@@ -186,12 +184,12 @@ function drawInterface() {
     ctx.setLineDash([5 * stretchFactor, 5 * stretchFactor])
     ctx.strokeStyle =
       pullOffset > -0.1 ? styleVariables.colorCatenary : 'rgba(0,0,0,0.3)'
-    catenary.drawToCanvas(
-      ctx,
+    const result = getCatenaryCurve(
       brush,
       { x: x.value, y: y.value },
       props.lazyRadius
     )
+    drawResult(result, ctx)
     ctx.stroke()
   }
 

demo-src/components/Icons/Menu.vue

@@ -26,15 +26,6 @@
 </template>
 
 <script lang="ts" setup>
-defineEmits(['update:enabled', 'clear'])
-
-defineProps({
-  enabled: {
-    type: Boolean,
-    default: false
-  }
-})
-
 const links = [
   {
     href: 'https://github.com/dulnan/lazy-brush',