https://github.com/amaury-tobias/v-github-activity

Componente Vue para mostrar la actividad reciente de Github
https://github.com/amaury-tobias/v-github-activity

github vue vuejs

Last synced: 3 months ago
JSON representation

Componente Vue para mostrar la actividad reciente de Github

• Host: GitHub
• URL: https://github.com/amaury-tobias/v-github-activity
• Owner: amaury-tobias
• License: mit
• Created: 2019-08-05T22:32:24.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2021-08-03T19:53:56.000Z (almost 5 years ago)
• Last Synced: 2025-09-10T21:36:00.716Z (10 months ago)
• Topics: github, vue, vuejs
• Language: Vue
• Homepage: https://amaury-tobias.github.io/v-github-activity/
• Size: 4.21 MB
• Stars: 0
• Watchers: 1
• Forks: 2
• Open Issues: 32
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

          
# v-github-activity

[![Made with vue](https://img.shields.io/badge/SUPPORT-ME-F16061?style=for-the-badge&logo=ko-fi&labelCoor=F16061&logoColo0)](https://ko-fi.com/amaury_tobias)

[![Made with vue](https://img.shields.io/badge/MADE%20WITH-VUE-brightgreen?style=for-the-badge&logo=vue.js)](https://vuejs.org/)

[![npm](https://img.shields.io/npm/v/v-github-activity?style=for-the-badge)](https://www.npmjs.com/package/v-github-activity)

![npm bundle size](https://img.shields.io/bundlephobia/min/v-github-activity?style=for-the-badge)

[![NPM](https://img.shields.io/npm/l/v-github-activity?style=for-the-badge)](LICENCE)

Componente Vue.js para mostrar la actividad de github.

Puedes encontrar algunos ejemplos [aquí](https://amaury-tobias.github.io/v-github-activity/)

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

```js



  



import githubFeed from 'v-github-activity'

export default {

  components: {

    githubFeed

  }

}

```

### OR GLOBAL

```js

import Vue from 'vue'

import githubFeed from 'v-github-activity'

Vue.use(githubFeed)

```

### NUXT

`./plugins/githubActivity.js`

```js

import Vue from 'vue'

import githubFeed from 'v-github-activity'

Vue.use(githubFeed)

```

`nuxt.config.js`

```js

module.exports = {

  plugins: ['~/plugins/githubActivity.js']

}

```

`*.vue `

```html

```

### Browser

```html

  

    

    

  

  

    


      

    

    

      var app = new Vue({

        el: '#app',

        components: {

          githubFeed

        }

      })

    

  


```

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

```bash

# install dependencies

npm install

# serve whith hot reload al localhost:8080

npm run serve

# build

npm run build

```

## Test

```bash

npm test

```

## License

Released under the [MIT](LICENSE) License.

## TO DO

- Unit testing