Just another Vue component to implement a Github-style activity calendar (also known as heatmap) on Vue 3 powered applications.
How to use it:
1. Import the vue3-github-calendar component and then add it to the template.
<template>
<div id="app">
<GithubCalendar :username="username" />
</div>
</template>
2. Available component props.
username: string month?: number hideMonth?: boolean hideWeekday?: boolean filterWeekDay? :(index: number) => boolean filterMonth? :(index: number) => boolean
Preview:
Download Details:
Author: zyyv
Live Demo: https://github.com/zyyv/vue-github-calendar/blob/main/src/App.vue
Download Link: https://github.com/zyyv/vue-github-calendar/archive/refs/heads/main.zip
Official Website: https://github.com/zyyv/vue-github-calendar
Install & Download:
# NPM
$ npm i vue3-github-calendar