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