From 254b636b4fbd351b64e74819ae475d39c43095a0 Mon Sep 17 00:00:00 2001
From: Frederic Houle <frederic@frederichoule.com>
Date: Mon, 23 Sep 2024 17:03:44 -0700
Subject: [PATCH] fix: reactive setContext

---
 src/lib/Elements.svelte | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/lib/Elements.svelte b/src/lib/Elements.svelte
index 89b9926..e5322e6 100644
--- a/src/lib/Elements.svelte
+++ b/src/lib/Elements.svelte
@@ -1,6 +1,6 @@
 <script>
   import { setContext } from 'svelte'
-  import { isServer, register } from './util'
+  import { register } from './util'
 
   /** @type {import('@stripe/stripe-js').Stripe?} */
   export let stripe
@@ -31,7 +31,7 @@
   export let fonts = []
 
   /** @type {StripeElementsOptions["locale"]} */
-  export let locale = "auto"
+  export let locale = 'auto'
 
   /** @type {StripeElementsOptions["currency"]} */
   export let currency = undefined
@@ -43,19 +43,33 @@
   export let clientSecret = undefined
 
   $: appearance = {
-    theme, variables, rules, labels
+    theme,
+    variables,
+    rules,
+    labels
   }
 
   /** @type {import('@stripe/stripe-js').StripeElements?} */
   export let elements = null
 
   $: if (stripe && !elements) {
-    elements = stripe.elements({ mode, currency, amount, appearance, clientSecret, fonts, loader, locale })
+    elements = stripe.elements({
+      mode,
+      currency,
+      amount,
+      appearance,
+      clientSecret,
+      fonts,
+      loader,
+      locale
+    })
 
     register(stripe)
     setContext('stripe', { stripe, elements })
   }
 
+  $: setContext('stripe', { stripe, elements })
+
   $: if (elements) {
     elements.update({ appearance, locale })
   }