vue-kofi

Display Ko-fi widgets in your Vue components with ease.

Installation

npm:

npm install vue-kofi --save

Yarn:

yarn add vue-kofi

Browser import:

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-kofi.js"></script>

Usage

Import the component in your Vue mount script

import Vue from 'vue';
import VueKofi from 'vue-kofi';

Vue.use(VueKofi);
// ...

Or, if you don't want to use it globally:

import VueKofi from 'vue-kofi';
// ...
export default {
  // ...
  components: {
    VueKofi
  }
  // ...
};

Insert this into your template to display the button:

<vue-kofi uid="YOUR_ID" />

Props

| Name | Type | Required | Default | Description | |-------|--------|----------|-----------------------|-----------------------------------------------------------------------------------| | uid | String | yes | - | Your Ko-fi ID which you can get from your Ko-fi widget page. (e.g.: A6251W51) | | color | String | no | "#46b798" | The background color of your Ko-fi button. | | text | String | no | "Support Me on Ko-fi" | The text that appears on the button. |

This is an open-source project and is not affiliated with or endorsed by Ko-fi.com