Vue-cli: ESLint validation not working if VUE component script is located in separate file

[Akryum]

See: https://github.com/vuejs/eslint-plugin-vue#attention

[erik-sytnyk]

@Akryum thanks for pointing out, but putting '// @vue/component' did not change anything

it may be convenient to put JS source file for components in separate files as support for autocomplete and other features in VUE components is not great for all IDEs

and logically it seems that

<template>
  ...code
</template>

and

<template src="./code.js"></template>

should be treated the same way (without adding extra comments)

[Akryum]

You need to put // @vue/component just before the component definition:

// @vue/component
export default {
  props: { ... }
}

[erik-sytnyk]

@Akryum it is not working

here is repo https://bitbucket.org/yegor_sytnyk/vue_cli_eslint_bug/src/master/
(https://[email protected]/yegor_sytnyk/vue_cli_eslint_bug.git)

the same ESLint warning is reported inside vue component but ignored if the code is referenced via src path

[Akryum]

After reproducing this, I think it's an issue with vue-loader 15 (and preLoaders deprecation). Please open an issue there as well.

[yyx990803]

Fixed in vue-loader 15.2.5.