Nuxt 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合成関数があります。用法はこちらで確認できます。

$paypalとしてNuxtAppからペイパルインスタンスを見つけることもできます。例

<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