nuxt-paypal

プロジェクトでPaypalを簡単に利用するためのNuxtモジュール。

2.4Kダウンロード•16スター•v0.0.1-beta

arashsheyda

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コンポーザブルがあり、ここでその使用方法を見ることができます。

また、paypalインスタンスをnuxtAppから$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