nuxt-adyen-module

nuxt-adyen-module

Adyen Module for Nuxt.js

📖 Release Notes

Setup

• Add nuxt-adyen-module dependency to your project

yarn add nuxt-adyen-module # or npm install nuxt-adyen-module

• Add nuxt-adyen-module to the modules section of nuxt.config.js

/// nuxt.config.js
{
  modules: [
    // Simple usage
    'nuxt-adyen-module',

    // With options
    ['nuxt-adyen-module', { /* module options */ }]
  ]
}

Or a separate section adyen for module options:

// nuxt.config.js
{
  modules: [
    // Simple usage
    'nuxt-adyen-module',
  ],
  adyen: {
    clientKey: '<your-adyen-client-key>',
    /* all other options */
  }
}

For all available module options, please refer to options

• Import AdyenCheckout component

import AdyenCheckout from 'nuxt-adyen-module/src/runtime/AdyenCheckout.vue';

• Provide all necessary data to the AdyenCheckout component like props and props functions described here

Testing

You can test the Adyen Checkout by using the following card:

• Card Number: 2222 4000 7000 0005
• Expiry Date: 03/2030
• CVC3: 737

Or any other listed here:

https://docs.adyen.com/development-resources/test-cards/test-card-numbers#mastercard

Documentation

Move to the docs directory:

cd docs

Install dependencies and start the project in development mode:

yarn && yarn dev

Development

• Clone this repository
• Install dependencies using yarn install or npm install
• Start development server using npm run dev

License

MIT License

Copyright (c) Baroshem [e-mail]