vue2-github-corners

A simple binding wrapper for github-corners in Vue2

Demo

Show me the code, or demo it

Installation

npm install --save vue2-github-corners

Usage

For standalone version

<script src="/dist/vue-github-corners.browser.js"></script>

For vue-cli user

import { VueGithubCorners } from 'vue2-github-corners'

Vue.component('VueGithubCorners', VueGithubCorners)

Sample

<template>
  <div id="app">
    <VueGithubCorners :repoUrl="repoUrl" :catColor="catColor" :bgColor="bgColor"></VueGithubCorners>
  </div>
</template>

export default {
  ...
  data () {
    return {
      // Replace repoUrl, catColor, bgColor setting as you want.
      // If default is what you like, just don't use related key-value pair and ignore it.
      repoUrl: "https://github.com/weichiachang/vue-github-corners",
      catColor: "#ffffff",
      bgColor: "#151513",
    }
  }
}

License

MIT © WeiChiaChang