This is a
playground to test code. It runs a full
Node.js environment and already has all of
npm’s 400,000 packages pre-installed, including
vue-github-activity with all
npm packages installed. Try it out:
This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.
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
npm install --save vue-github-activity
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 momentto include them
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:
This project is licensed under MIT License - see the LICENSE.md file for details