https://github.com/dkunin/vue-contribution-calendar

Simple svg contribution calendar component for vue
https://github.com/dkunin/vue-contribution-calendar

Last synced: 12 months ago
JSON representation

Simple svg contribution calendar component for vue

• Host: GitHub
• URL: https://github.com/dkunin/vue-contribution-calendar
• Owner: DKunin
• Created: 2016-12-26T17:58:23.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2018-01-29T13:01:35.000Z (over 8 years ago)
• Last Synced: 2024-10-22T22:43:04.078Z (over 1 year ago)
• Language: JavaScript
• Homepage: https://dkunin.github.io/vue-contribution-calendar/
• Size: 97.7 KB
• Stars: 12
• Watchers: 1
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Vue Contribution Calendar

> Vue component to reproduce github contribution calendar with zero dependecies.

- Example: 

![Example](https://raw.githubusercontent.com/DKunin/vue-contribution-calenadar/master/example/example.png)

- Live [demo](https://dkunin.github.io/vue-contribution-calendar), be sure to checkout the course and click on the rectangles - have fun!

## Table of Contents

- [Install](#install)

- [Usage](#usage)

- [Contribute](#contribute)

- [License](#license)

## Install

```console

    npm install vue-contribution-calendar

```

## Usage

In any your vue file:

```vue

    

        

    

    

      import contributionCalendar from 'vue-contribution-calenadar';

      export default {

        components: {

          contributionCalendar

        },

        methods: {

          someMethod(date, value) {

            ...

          }

        },

        data() {

          return {

            history: {

              '20-12-2016': 7,

               ...

              '11-1-2016': 1 

            }

          }

        },

      }

    

```

## Contribute

Fork, run:

```console

    npm run watch

```

and patch away.

## License

MIT © Dmitri Kunin