Nuxt Paypal

一个用于简化在项目中使用 Paypal 的 Nuxt 模块。

特性

轻松集成

快速设置

将 nuxt-paypal 依赖项添加到您的项目中

# Using pnpm
pnpm add -D nuxt-paypal

# Using yarn
yarn add --dev nuxt-paypal

# Using npm
npm install --save-dev nuxt-paypal

将 nuxt-paypal 添加到 nuxt.config.ts 文件的 modules 部分

export default defineNuxtConfig({
  modules: [
    'nuxt-paypal',
  ],

  paypal: {
    clientId: 'your_client_id',
  },
})

就是这样！您现在可以在您的 Nuxt 应用中使用 Nuxt Paypal ✨

配置

只需添加 paypal 并进行配置。

默认情况下，clientId 配置为使用 PAYPAL_CLIENT_ID 的值。如果未提供特定值，则默认为 test。

export default defineNuxtConfig({
  
  paypal: {
    clientId: 'your_client_id',
    // ...options
  },

})

用法

nuxt-paypal 有一个 usePaypalButton 组合式 API，您可以在此处查看用法。

您还可以从 nuxtApp 中找到 paypal 实例，作为 $paypal。示例

<script setup lang="ts">
const nuxt = useNuxtApp()

console.log(nuxt.$paypal?.version)
</script>

开发

# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare

# Develop with the playground
npm run dev

# Build the playground
npm run dev:build

# Run ESLint
npm run lint

# Run Vitest
npm run test
npm run test:watch

# Release new version
npm run release