From e60362c2205f4f6f8296dd6fa702c9877d1bb859 Mon Sep 17 00:00:00 2001
From: Brian DeRocher <brian@derocher.org>
Date: Fri, 6 Dec 2024 22:48:38 -0500
Subject: [PATCH] Copy to local sticker.  On submit copy back to original.

---
 src/views/StickerBuilderView.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/views/StickerBuilderView.vue b/src/views/StickerBuilderView.vue
index a030989..2a5d19e 100644
--- a/src/views/StickerBuilderView.vue
+++ b/src/views/StickerBuilderView.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import { ref, toRaw, watch } from 'vue'
 
 import Button from 'primevue/button';
 import Card from 'primevue/card';
@@ -18,10 +18,16 @@ import IconLayout3Vue from '@/components/layouts/IconLayout3.vue';
 import IconLayout4Vue from '@/components/layouts/IconLayout4.vue';
 import Sticker from '@/components/Sticker.vue';
 import { useSticker } from '@/composables/sticker'
+import { activist, type Sticker as StickerType } from '@/stores/stickersStore'
 
 
-const sticker = useSticker();
+const original = useSticker();
+let sticker = ref<StickerType>(activist);
 
+// When the original sticker appears, copy it into a local coy.
+watch(original, (newValue, oldValue) => {
+  sticker.value = structuredClone(toRaw(newValue));
+});
 
 const checked = ref(true);
 const selectedCountry = ref(null);
@@ -49,9 +55,8 @@ const resolver = () => {
   return {};
 };
 
-
 function onFormSubmit() {
-  return {};
+  original.value = sticker.value;
 }
 </script>
 
@@ -171,7 +176,7 @@ function onFormSubmit() {
               <div class="divider" />
 
               <div class="col-span-12">
-                <Button label="Save Changes" class="w-auto mt-4" />
+                <Button label="Save Changes" class="w-auto mt-4" type="submit" />
               </div>
             </div>
           </div>