:octocat: A Vue based github feed activity component.
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
config issue #15 - fix style sheet generation - minify Apr 23, 2018
dist fixing firefox event list overflow support Jul 27, 2018
src fixing firefox event list overflow support Jul 27, 2018
.babelrc issue #4 - uncoupling event template from main component Apr 22, 2018
.eslintignore issue #4 - uncoupling event template from main component Apr 22, 2018
.eslintrc.js issue #4 - uncoupling event template from main component Apr 22, 2018
.gitignore initial commit Apr 2, 2018
.npmignore
.travis.yml issue #15 - fix travis CI duplicated tasks Apr 23, 2018
CHANGELOG.md fixing firefox event list overflow support Jul 27, 2018
LICENSE.md initial commit Apr 2, 2018
README.md fixing firefox event list overflow support Jul 27, 2018
index.js issue #4 - uncoupling event template from main component Apr 22, 2018
package-lock.json Update package-lock.json Feb 16, 2019
package.json fixing firefox event list overflow support Jul 27, 2018
postcss.config.js issue #4 - uncoupling event template from main component Apr 22, 2018
screenshot.png

README.md

vue-github-activity

Build Status GitHub license Last version

Simple VueJS component that creates a feed panel with your recent GitHub activity. It displays the user's name, username, photo, and a list of each individual activity type.

Inspired by caseyscarborough/github-activity repository.

See it in action on my website

Installation

npm install --save vue-github-activity

Dependencies

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">

Also axios http client and moment are required as dependencies of your host project use npm install --save axios moment to include them

Usage

The most common use case is to register all the components globally.

import Vue from 'vue'
import VueGithubActivity from 'vue-github-activity'

Vue.use(VueGithubActivity)

On your template you can now use html like this to render the activity feed:

<github-feed login="lexmartinez"></github-feed>

License

This project is licensed under MIT License - see the LICENSE.md file for details