this is my sticker button

server.js

@@ -9,7 +9,7 @@ const user = JSON.stringify({
 
 const stickers = {
   "88ae126f-b19a-4287-abe0-a8f5ac763cb7": {
-    backgroundColor: "#000088",
+    color: "#000088",
     layout: "layout1",
     message1: "I am an activist!",
   },

src/views/StickerView.vue

@@ -48,18 +48,11 @@ const second = computed(() => {
       <div class="flex flex-col gap-5">
         <div id="StickerWrapper">
           <Sticker
-            :color="stickerStore.sticker.backgroundColor"
-            :layout="stickerStore.sticker.layout"
-            :message1="stickerStore.sticker.message1"
-            message2="message2"
-            message3="message3"
-            message4="message4"
+            v-bind="stickerStore.sticker"
             v-if="stickerStore.sticker"
           />
         </div>
-        <Button
-          v-bind:disabled="userStore.isAnonymous"
-        >
+        <Button v-bind:disabled="userStore.isAnonymous">
           This is my sticker!
         </Button>
         <span v-if="userStore.isAnonymous">
@@ -69,3 +62,10 @@ const second = computed(() => {
     </Panel>
   </div>
 </template>
+
+<style scoped>
+#StickerWrapper {
+  background-color: #DDD;
+  padding: 12px;
+}
+</style>