Comparing version 0.4.0 to 0.5.0
{ | ||
"name": "vue-paint", | ||
"version": "0.4.0", | ||
"version": "0.5.0", | ||
"private": false, | ||
@@ -47,2 +47,3 @@ "type": "module", | ||
"@vueuse/core": "^10.9.0", | ||
"@vueuse/math": "^10.10.0", | ||
"animejs": "^3.2.2", | ||
@@ -49,0 +50,0 @@ "vue": "^3.4.21" |
@@ -15,3 +15,3 @@ # vue-paint | ||
import { ref } from 'vue' | ||
import { VpEditor, useFreehand, useRectangle, downloadSvg, type ImageHistory } from 'vue-paint' | ||
import { VpEditor, useFreehand, useRectangle, downloadSvg, createSettings, type ImageHistory } from 'vue-paint' | ||
@@ -23,6 +23,10 @@ // Add the tools you like to use, or call useAllTools to make use of all available tools | ||
const history = ref<ImageHistory<typeof tools>>([]) | ||
// Settings are mainly changed through the toolbar, but you have full control over the settings, if you want to change active tool, color, thickness etc. | ||
// Use the utility function createSettings to set it up, where you pass the tools you're using along with any start settings. | ||
const settings = createSettings(tools, { color: "#c82d2d" }) | ||
</script> | ||
<template> | ||
<vp-editor v-model:history="history" @save="downloadSvg" :tools></vp-editor> | ||
<vp-editor v-model:history="history" v-model:settings="settings" @save="downloadSvg" :tools></vp-editor> | ||
</template> | ||
@@ -29,0 +33,0 @@ ``` |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
7547
122
5
+ Added@vueuse/math@^10.10.0
+ Added@vueuse/math@10.11.1(transitive)