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