通过 100+ 个技巧学习 Nuxt!

paypal
nuxt-paypal

一个 Nuxt 模块,用于简化在你的项目中使用 Paypal。

npm versionnpm downloadsLicenseNuxt

一个 Nuxt 模块,用于简化在你的项目中使用 Paypal。

功能

  • 轻松集成

快速设置

  1. 添加 nuxt-paypal 依赖到你的项目
# Using pnpm
pnpm add -D nuxt-paypal

# Using yarn
yarn add --dev nuxt-paypal

# Using npm
npm install --save-dev nuxt-paypal
  1. 添加 nuxt-paypalnuxt.config.tsmodules 部分
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