temp: add token on frontend

Author: marcel-bitfly

frontend/composables/useStripeProvider.ts

@@ -12,6 +12,8 @@ import type {
 
 export function useStripeProvider() {
   const { fetch } = useCustomFetch()
+  const { tokenCsrf } = useCsrfStore()
+
   const { promoCode } = usePromoCode()
   const { public: { stripeBaseUrl } } = useRuntimeConfig()
 
@@ -45,6 +47,9 @@ export function useStripeProvider() {
       {
         baseURL: stripeBaseUrl,
         body: JSON.stringify({ returnURL: window.location.href }),
+        headers: {
+          'x-csrf-token': tokenCsrf.value,
+        },
       },
     )
 
@@ -69,6 +74,9 @@ export function useStripeProvider() {
           priceId,
           promotionCode: promoCode,
         }),
+        headers: {
+          'x-csrf-token': tokenCsrf.value,
+        },
       },
     )
 

frontend/pages/pricing.vue

@@ -27,6 +27,16 @@ const scrollToAddons = () => {
   const element = document.getElementById('addons')
   element?.scrollIntoView({ behavior: 'smooth' })
 }
+
+const { setTokenCsrf } = useCsrfStore()
+callOnce(async () => await $fetch('https://v2-staging-hoodi-dev.beaconcha.in/api/i/pricing', {
+  onResponse({
+    response,
+  }) {
+    const token = response.headers.get('x-csrf-token') ?? ''
+    setTokenCsrf(token)
+  },
+}))
 </script>
 
 <template>