Add a link to error output

[octref]

See vuejs/vetur#738 and vuejs/vetur#261

Many new Vue users are having a hard time figuring out the meaning of the error message for v-bind:key.

I think it would be nice if eslint-plugin-vue offers a url for each rule, this way I can render the URL and people can find more information about each error there.

[octref]

Also, I suggest adding links to either official doc or style guide in each rule's markdown file. For example, for this one: https://github.com/vuejs/eslint-plugin-vue/blob/master/docs/rules/valid-v-bind.md

I think both https://vuejs.org/v2/guide/list.html#key and https://vuejs.org/v2/style-guide/#Keyed-v-for-essential should be linked in a section like Related Links.

[octref]

/cc @chrisvfritz as you might be interested.`

[michalsnik]

Good idea @octref with putting links in documentation :)

But when it comes to displaying rules' URLs in vuetur's tooltips, you can already take advantage of eslint-rule-documentation. Check it out here. Usage is as simple as:

const getRuleURI = require('eslint-rule-documentation');

getRuleURI('vue/require-v-for-key');

[chrisvfritz]

Cool idea! Any chance of the links being openable, like via a shortcut?

[octref]

eslint-rule-documentation

Very nice. Thanks for the tip.

Cool idea! Any chance of the links being openable, like via a shortcut?

This is using Hover since it allows markdown (and therefore linkified links).
When microsoft/language-server-protocol#250 is addressed I can use the markdown for the error message too.

[michalsnik]

Cool :) So if the rest is on your side now, let me set the definition of done for us, regarding your suggestion:

• Update rules documentations with links to style guide

[michalsnik]

@octref I added links to more details in all relevant rules :)

[octref]

Will upgrade the deps and get it soon. vuejs/vetur#849
Thanks for your work!