https://github.com/matt-snider/vue-guitar-chords
Guitar Chords for VueJS
https://github.com/matt-snider/vue-guitar-chords
guitar guitar-chords music vuejs
Last synced: 18 days ago
JSON representation
Guitar Chords for VueJS
- Host: GitHub
- URL: https://github.com/matt-snider/vue-guitar-chords
- Owner: matt-snider
- License: mit
- Created: 2017-04-22T00:19:49.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2020-01-19T12:08:50.000Z (over 5 years ago)
- Last Synced: 2023-10-20T04:50:53.165Z (over 1 year ago)
- Topics: guitar, guitar-chords, music, vuejs
- Language: Vue
- Homepage: https://matt-snider.github.io/vue-guitar-chords/
- Size: 308 KB
- Stars: 7
- Watchers: 4
- Forks: 2
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# vue-guitar-chords
Guitar Chord Diagrams in VueJS
Provides an SVG-backed component to create guitar chord diagrams.
e.g.
```html
var gChordNotes = [
{ string: 0, fret: 3, finger: 2 },
{ string: 1, fret: 2, finger: 1 },
{ string: 4, fret: 3, finger: 3 },
{ string: 5, fret: 3, finger: 4 },
];
```
Produces:
## Installation
This project was just for fun, I haven't really paid attention to setting it up properly to be distributed, and in the time that I haven't worked on it, there are surely things that need updating.
## Build Setup
``` bash
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
```
For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).