brian/activist
1
0
Fork 0
Code Activity Actions

Copy to local sticker. On submit copy back to original.

Browse source
This commit is contained in:
Brian D 2024-12-06 22:48:38 -05:00
parent 7a7d4540a9
commit e60362c220
1 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/views/StickerBuilderView.vue
View file

@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref } from 'vue' import { ref, toRaw, watch } from 'vue'
import Button from 'primevue/button'; import Button from 'primevue/button';
import Card from 'primevue/card'; import Card from 'primevue/card';
@ -18,10 +18,16 @@ import IconLayout3Vue from '@/components/layouts/IconLayout3.vue';
import IconLayout4Vue from '@/components/layouts/IconLayout4.vue'; import IconLayout4Vue from '@/components/layouts/IconLayout4.vue';
import Sticker from '@/components/Sticker.vue'; import Sticker from '@/components/Sticker.vue';
import { useSticker } from '@/composables/sticker' 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 checked = ref(true);
const selectedCountry = ref(null); const selectedCountry = ref(null);
@ -49,9 +55,8 @@ const resolver = () => {
return {}; return {};
}; };
function onFormSubmit() { function onFormSubmit() {
return {}; original.value = sticker.value;
} }
</script> </script>
@ -171,7 +176,7 @@ function onFormSubmit() {
<div class="divider" /> <div class="divider" />
<div class="col-span-12"> <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> </div>
</div> </div>