Sorry if this is basic, but my understanding is that eslint-loader is (somehow) configured to fire up a Vue linter. I can't figure out exactly how that's done, but I see it working. No issues there.
My problem is that I'm using v-for in a component and I'm not using a key to track them. This is by my own design. I get warnings at compile time ("component lists rendered with v-for should have explicit keys...":) and I want to suppress the error. This is where I'm getting tripped-up because I'm not sure what the rule IDs actually are.
If I'm correct thatr the eslint plugin being loaded is eslint-plugin-vue, the rule ID should be "require-v-for-key", but I've tried using the following eslintrc.js config with no luck. I still get the warnings.
module.exports = {
root: true,
parser: 'babel-eslint',
env: {
browser: true,
node: true
},
extends: 'standard',
// required to lint *.vue files
plugins: [
'html'
],
// add your custom rules here
rules: {
"vue/require-v-for-key": "off",
"require-v-for-key": "off"
},
globals: {}
}
Anyone happen to know why this doesn't suppress the warnings for me?
<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c956">#c956</a>)</em></sub></div>