feat: PayPal SDK

[harlan-zw]

🔗 Linked issue

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

ℹ️ This is work contributed by @OrbisK, moved to a new PR so I could fix a couple of typos and progress it.

Adds comprehensive PayPal SDK support to Nuxt Scripts with three main components:

• useScriptPayPal() - Loads the PayPal SDK script with automatic sandbox detection
• <ScriptPayPalButtons> - Embeds PayPal payment buttons with full event handling
• <ScriptPayPalMarks> - Displays PayPal payment marks/logos
• <ScriptPayPalMessages> - Shows PayPal promotional messages

Usage

  pnpm add -D @paypal/paypal-js

<script lang="ts">
const script = useScriptPayPal()
</script>
  <template>
    <ScriptPayPalButtons 
      :button-options="{ style: { layout: 'vertical' } }"
      @approve="handleApproval"
    />
    <ScriptPayPalMarks />
    <ScriptPayPalMessages />
  </template>

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
scripts-docs	Error			Sep 18, 2025 5:37am
scripts-playground	Ready	Preview	Comment	Sep 18, 2025 5:37am

[pkg-pr-new]

Open in StackBlitz

npm i https://pkg.pr.new/nuxt/scripts/@nuxt/scripts@503

commit: df55f09