Github Activity Calendar Component For Vue 3

Install & Download:

# NPM
$ npm i vue3-github-calendar

Description:

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:

Changelog:

07/01/2023

• Update