### 最新版をインストール

yarn add @devprotocol/clubs-plugin-payments@0.1.0

### TransactionForm のつかいかた

<script setup>
    import {TransactionForm} from '@devprotocol/clubs-plugin-payments/compornents'
</script>

<template>
    <TransactionForm ... />
</template>

### 決済ゲートウェイライブラリの使用
#### Vue から読み込む

<script setup>
    import {loadLibrary} from '@devprotocol/clubs-plugin-payments/utils'
    import {onMounted} from 'vue'
    
    const { PUBLIC_POP_CLIENT_KEY } = import.meta.env

    onMounted(()=>{
        loadLibrary({clientKey: PUBLIC_POP_CLIENT_KEY})
    })
</script>

<template>
</template>

#### Astro から読み込む

---
import {LoadLibrary} from '@devprotocol/clubs-plugin-payments/compornents'

const { PUBLIC_POP_CLIENT_KEY } = import.meta.env
---

<LoadLibrary clientKey={PUBLIC_POP_CLIENT_KEY} />