vue your github activity and calendar
npm i vue-github
yarn add vue-github
Insert an octicons.css file in your html file to load the icons.
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/octicons/3.5.0/octicons.min.css"
/>
Register the component globally in your main javascript file.
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.
<style>
@import url("https://unpkg.com/vue-github@0.10.7/dist/vueGithub.css");
</style>
In your template you can now use html like this to render the activity feed:
<vue-github username="harps116" />
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