Add demo

[notiv-nt]

Github-pages ?
codepen.io
codesandbox.io

[peterlamar]

Great idea! I'll look into these this weekend. Do you have a preference between the two?

[notiv-nt]

I think codesandbox will be better

Just open site,

Open vue template,

Add dependencies

App.vue

main.js

Result:

[notiv-nt]

no one will download the entire archive from github, in order to look at examples

[peterlamar]

Your awesome, and this is an awesome idea! I did a quick pass and converted the first 6 examples up to vuebars to have codesandboxes. I'll keep at it, and feel free to pull request any future examples you convert and I'll add em asap!

[notiv-nt]

What about:

├─ aggrid/
│   ├── ... ?
│   └── readme.md
├── vuebars/
│   ├── ... ?
│   └── readme.md
└── ...

vuebars/readme.md:

Overview text...

documentation link...

Minimal code example (for copy-paste):

main.js

import Vue from 'vue';
import VueBars from 'vuebars';

Vue(VueBars);

App.vue

<bars :data="[]" :gradient="[color, color]">

Examples:

documentation link,
codepen link,
codesandbox link ...

[notiv-nt]

For in-browser usage:

<script src=./node_modules/vuebars/dist/vue-bars.js></script>

For vue cli:

// npm i vuebars
import VueBars from 'vuebars';

Vue(VueBars);

[notiv-nt]

And again.

codesandbox > vue template > add dependencies

[peterlamar]

I think thats great! Want to do one example in a pull request and I'll follow the pattern?

[peterlamar]

Or post a github repo that you have in mind to mimic

[notiv-nt]

ok, tomorrow

[peterlamar]

Your PR Looks great, merged it in! I'll start bringing up the other examples to whatever spec we finalize on.

1. What linter did you use for the html file? I have been trying to decide on one and Atom beautify is what I have been using, it seems to fight with eslint and some of the other ones I have been experimenting with.

2. I'll take a look at github pages, its a fair point.

3. What were you getting at with the tree view? Was that for the home readme to give an overview of all the files for all the examples or per project?

├─ aggrid/
│ ├── ... ?
│ └── readme.md
├── vuebars/
│ ├── ... ?
│ └── readme.md
└── ...

[notiv-nt]

1. there are no linters that format html well
2. just example for folder structure

[peterlamar]

Turned on github pages, def a better idea than linking the index.html file.

1. Thanks for the reassurance, I was thinking it was just me.

2. So for folder structure, are you proposing a subfolder within each folder?