chore: Remove nuxt Plugin in favor of composable

src/module.ts

@@ -3,7 +3,7 @@ import type { ChildProcess } from 'node:child_process'
 import { spawn } from 'node:child_process'
 
 import type { StripeConstructorOptions } from '@stripe/stripe-js'
-import { addImports, addPlugin, addTemplate, createResolver, defineNuxtModule, findPath, useLogger } from '@nuxt/kit'
+import { addImports, addTemplate, createResolver, defineNuxtModule, findPath, useLogger } from '@nuxt/kit'
 import { normalize, relative } from 'pathe'
 import { joinURL } from 'ufo'
 import defu from 'defu'
@@ -68,8 +68,6 @@ export default defineNuxtModule<Partial<ModuleOptions>>({
 
     const resolver = createResolver(import.meta.url)
 
-    addPlugin(resolver.resolve('./runtime/plugin'))
-
     addImports([
       {
         name: 'useStripe',
@@ -93,9 +91,11 @@ declare module '#stripe' {
 
       // Inline module runtime in Nitro bundle
       nitroConfig.externals = defu(
-        typeof nitroConfig.externals === 'object' ? nitroConfig.externals : {}, {
+        typeof nitroConfig.externals === 'object' ? nitroConfig.externals : {},
+        {
           inline: [resolver.resolve('./runtime')],
-        })
+        },
+      )
 
       nitroConfig.alias['#stripe'] = serverRuntime
     })

src/runtime/composables.ts

@@ -1,4 +1,22 @@
-import { useNuxtApp } from '#app'
+import type { Stripe, StripeConstructorOptions } from '@stripe/stripe-js'
+import { loadScript } from '@fixers/stripe-js'
+
+import type { ModulePublicRuntimeConfig } from '../module'
+import { useRuntimeConfig } from '#imports'
+
+export interface CreateStripeOptions extends StripeConstructorOptions {
+  /**
+   * Override the runtime configured publishable key.
+   */
+  publishableKey?: string
+
+  /**
+   * Set it to `false` to [disable advanced fraud detection](https://stripe.com/docs/disputes/prevention/advanced-fraud-detection#disabling-advanced-fraud-detection)
+   *
+   * @default true
+   */
+  advancedFraudSignals?: boolean
+}
 
 /**
  * Use Stripe.
@@ -14,4 +32,26 @@ import { useNuxtApp } from '#app'
  * })
  * ```
  */
-export const useStripe = () => useNuxtApp().$stripe
+export function useStripe() {
+  return {
+    createClient: async (options?: CreateStripeOptions): Promise<Stripe> => {
+      const stripeRuntimeConfig = useRuntimeConfig().public.stripe as ModulePublicRuntimeConfig | undefined
+
+      const { publishableKey, advancedFraudSignals, ...stripeOptions } = options || {}
+
+      const stripeConstructor = await loadScript({
+        advancedFraudSignals: advancedFraudSignals ?? true,
+      })
+
+      if (stripeConstructor) {
+        return stripeConstructor(publishableKey ?? stripeRuntimeConfig?.publishableKey ?? '', {
+          ...stripeRuntimeConfig?.client,
+          ...stripeOptions,
+        })
+      }
+
+      // Stripe is null in SSR
+      return null!
+    },
+  }
+}