Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/deemaagog/vue-pgn

A Vue.js component for browsing chess games in pgn format.
https://github.com/deemaagog/vue-pgn

Last synced: about 2 months ago
JSON representation

A Vue.js component for browsing chess games in pgn format.

Lists

README 

        
# vue-pgn



[![npm](https://img.shields.io/npm/v/vue-pgn.svg) ![npm](https://img.shields.io/npm/dm/vue-pgn.svg)](https://www.npmjs.com/package/vue-pgn)

[![vue2](https://img.shields.io/badge/vue-2.x-brightgreen.svg)](https://vuejs.org/)



A Vue.js component for browsing chess games in pgn format. Uses [chess.js](https://github.com/jhlywa/chess.js) under the hood.



Demo: [https://deemaagog.github.io/vue-pgn/](https://deemaagog.github.io/vue-pgn)



# Installation



```

npm install --save vue-pgn

```



## Import



```javascript

import {vuepgn} from 'vue-pgn'

import 'vue-pgn/dist/vue-pgn.css'



export default {

  components: {vuepgn},

  data() {

    return {

      pgn: '1. g4 e5 2. f4 Qh4',

      height: 300,

    };

  },

};



  
    

    

  



```



## Browser



```html



  




new Vue({

  el: '#app',

  components: {

    VuePgn

  },

  data() {

    return {

      pgn: '1. g4 e5 2. f4 Qh4',

      height: 300,

    };

  }

});



```



## License



[MIT](http://opensource.org/licenses/MIT)