cashfree-checkout-vue

Cashfree Checkout Vue 3 Component

A Vue 3 component for integrating Cashfree checkout in your Vue applications.

Installation

To install the package via npm:

npm install cashfree-checkout-vue

import { createApp } from 'vue';
import App from './App.vue';
import CashfreeCheckoutPlugin from 'cashfree-checkout-vue';

const app = createApp(App);
app.use(CashfreeCheckoutPlugin);
app.mount('#app');

<template>
  <div>
    <CashfreeCheckout :config="cashfreeConfig" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      cashfreeConfig: {
        mode: "TEST", // Mode can be 'sandbox' or 'production'
        payment_session_id: "your-session-id-here",
      },
    };
  },
};
</script>

Points to Note:

• The instructions explain how to install and use the component.
• The configuration object (config) that you pass to the component is explained.
• The example shows how to use the component in your Vue app with sample data.
• The README.md includes basic setup and configuration details for integrating Cashfree.

You can copy-paste this content into your README.md file in your project folder. Let me know if you need any further modifications!