vue your github activity and calendar
npm install vue-github> vue your github activity and calendar
#### NPM
npm i vue-github
#### Yarn
yarn add vue-github
Insert an octicons.css file in your html file to load the icons.
``html`
href="https://cdnjs.cloudflare.com/ajax/libs/octicons/3.5.0/octicons.min.css"
/>
Register the component globally in your main javascript file.
`javascript
import Vue from "vue";
import VueGithub from "vue-github";
Vue.use(VueGithub);
`
Check out the main.js in the demo repo.
import the style into your main vue file (most likely App.vue) if you want the default css.
`html`
In your template you can now use html like this to render the activity feed:
`html``
Props:
| name | type | default | description |
| ------------ | ------- | ----------------------------------------------------------------------- | --------------------------------- |
| username | String | required | Github username |
| text | String | Summary of pull requests, issues opened, and commits made by {username} | Summary text |
| showCalendar | Boolean | true | Whether to show the calendar |
| showFeed | Boolean | true | Whether to show the activity feed |
File issues here
This project is licensed under MIT License - see the LICENSE file for details