Nuxt Paypal
一个 Nuxt 模块,用于简化在项目中集成 Paypal。
功能
- 轻松集成
快速设置
- 将
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 可组合项,您可以在此处查看用法。
此外,您还可以从 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