v-github-activity
v2.1.0
Published
Componente Vue para mostrar la actividad reciente de github
Downloads
10
Maintainers
Readme
v-github-activity
Componente Vue.js para mostrar la actividad de github.
Puedes encontrar algunos ejemplos aquí
Instalación
npm install v-github-activity
Uso
v-avatar es un modulo UMD, por lo que puede ser utilizado en tanto en una instancia de Vue como en Nuxt como en un entorno non-modular donde githubFeed
sera registrada como variable global.
VUE COMPONENT
<template>
<div>
<github-feed login="amaury-tobias" token='xxxxx'/>
</div>
</template>
<script>
import githubFeed from 'v-github-activity'
export default {
components: {
githubFeed
}
}
</script>
OR GLOBAL
import Vue from 'vue'
import githubFeed from 'v-github-activity'
Vue.use(githubFeed)
NUXT
./plugins/githubActivity.js
import Vue from 'vue'
import githubFeed from 'v-github-activity'
Vue.use(githubFeed)
nuxt.config.js
module.exports = {
plugins: ['~/plugins/githubActivity.js']
}
*.vue <template>
<github-feed login="amaury-tobias" token="xxxxx" />
Browser
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/v-github-activity"></script>
</head>
<body>
<div id="app">
<github-feed login="amaury-tobias" token="xxxxx" />
</div>
<script>
var app = new Vue({
el: '#app',
components: {
githubFeed
}
})
</script>
</body>
</html>
Props
| Name | Required | Default | Type | Description |
| ----- | -------- | ------- | ------ | ---------------------------------------------------------------------------- |
| login | Y | - | String | GitHub username |
| token | N | - | String | Github Personal access tokens "OAUTH-TOKEN" to increase the api rate_limit
|
Build Setup
# install dependencies
npm install
# serve whith hot reload al localhost:8080
npm run serve
# build
npm run build
Test
npm test
License
Released under the MIT License.
TO DO
- Unit testing