Github Activity Calendar Component For Vue 3

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:

Github Activity Calendar Component For Vue 3

Changelog:

07/01/2023

  • Update

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

Add Comment