A simple binding wrapper for github-corners in Vue2
npm install --save vue2-github-corners
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)
<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",
}
}
}