From 0019ab30200164c90c11608799f07540631a0eab Mon Sep 17 00:00:00 2001
From: Vyacheslav Nagel <v9gel@mail.ru>
Date: Wed, 12 Jul 2023 13:34:53 +0700
Subject: [PATCH] replace onUpdate to watch in Canvas.vue

---
 src/components/Canvas.vue | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/components/Canvas.vue b/src/components/Canvas.vue
index e4b3a3b..a813a22 100644
--- a/src/components/Canvas.vue
+++ b/src/components/Canvas.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, onUpdated, ref } from "vue";
+import { onMounted, ref, watch } from "vue";
 import { ONE_MM } from "../const";
 import { useStore } from "../store";
 import { storeToRefs } from "pinia";
@@ -106,17 +106,13 @@ onMounted(() => {
   render();
 });
 
-onUpdated(() => {
+watch(store, () => {
   render();
 });
 </script>
 
 <template>
   <canvas id="canvas" :width="imageWidth * ONE_MM" :height="imageHeight * ONE_MM" />
-  <!-- Костыль, чтобы обновлялся стейт, неужели vue не может красиво это делать -->
-  <div style="display: none;">
-    {{ store }}
-  </div>
 </template>
 
 <style scoped>