通过 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-paypal 添加到 nuxt.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