re-render visual components on destroy

dneustadt · Aug 6, 2020 · 0025c70 · 0025c70
1 parent 53da8d0
commit 0025c70
Show file tree

Hide file tree

Showing 6 changed files with 34 additions and 8 deletions.
diff --git a/dist/VueRough.common.js b/dist/VueRough.common.js
diff --git a/dist/VueRough.umd.js b/dist/VueRough.umd.js
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-rough",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "A small components library to use Rough.js in Vue.",
   "homepage": "https://vue-rough.neustadt.dev",
   "bugs": {

diff --git a/readme.md b/readme.md
@@ -43,8 +43,8 @@ options.
 
 ## Visual Components
 
-Shown below is a quick overview over the available components with their required properties.
-All components may use additional properties. See the [Rough.js wiki](https://github.com/rough-stuff/rough/wiki#options) for a list of available
+Shown below is a quick overview of the available components with their required properties.
+All components may use additional properties. See the [Rough.js wiki](https://github.com/rough-stuff/rough/wiki#options)
 for a full list of options. Components must be placed inside `rough-canvas` or `rough-svg`
 
 ### rough-line

diff --git a/src/mixins/element.js b/src/mixins/element.js
@@ -35,6 +35,14 @@ export default {
     render() {
         return this.$scopedSlots;
     },
+    destroyed() {
+        const rough = this.$parent.rough;
+        if (rough.svg) {
+            if (this.element) this.$parent.remove(this.element);
+        } else {
+            this.$parent.$emit('rerender');
+        }
+    },
     methods: {
         createElement: function (func, ops, forceRender = false) {
             const rough = this.$parent.rough;