Merged with new stuff for CreatorPage

src/views/main/DonationPopup.vue

@@ -10,7 +10,7 @@
         </div>
         <div class="bg-gray-100 rounded-b-2xl p-4">
           <div class="mx-2">
-            <StripePayment></StripePayment>
+            <StripePayment :creator-id="creatorId"></StripePayment>
           </div>
         </div>
       </div>
@@ -27,13 +27,18 @@
 </template>
 
 <script setup>
-import { ref, onMounted, onUnmounted } from 'vue';
+import {ref, onMounted, onUnmounted, defineProps} from 'vue';
 import StripePayment from "@/views/StripePayment.vue";
 
 const showPopup = ref(false);
 const popup = ref(null);
 const popupButton = ref(null);
 
+const props = defineProps({
+  creatorId: { type: String, required: true },
+});
+
+
 const togglePopup = () => {
   showPopup.value = !showPopup.value;
 };