feat: make canvas reactive with the prop changes

dyaskur · Jul 7, 2024 · c250581 · c250581
1 parent 4307f43
commit c250581
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-spin-the-wheel",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "type": "module",
   "author": "Xiaolin Zhu",
   "contributors": [
@@ -32,7 +32,7 @@
     "build": "vue-tsc && vite build",
     "generate:types": "vue-tsc --declaration --emitDeclarationOnly --outdir ./dist",
     "preview": "vite preview",
-    "deploy": "vite --config vite.demo.config.ts build && gh-pages -d dist"
+    "deploy": "vite --config vite.demo.config.ts build && gh-pages -d dist --cname vue-spin-the-wheel.yaskur.com"
   },
   "files": [
     "dist"

diff --git a/src/components/SpinTheWheel/hooks/useCanvas.ts b/src/components/SpinTheWheel/hooks/useCanvas.ts
@@ -1,4 +1,4 @@
-import {ref, computed, onMounted} from 'vue'
+import {ref, computed, onMounted, onUpdated} from 'vue'
 import type {CanvasConfig, PrizeConfig, PropsType} from '../types'
 import {getStrArray} from '../utils.ts'
 
@@ -82,6 +82,9 @@ export function useCanvas(props: PropsType) {
     if (props.type === 'canvas') drawCanvas()
   })
 
+  onUpdated(() => {
+    if (props.type === 'canvas') drawCanvas()
+  })
   return {
     wheelEl,
     canvasConfig,