Vue Eslint error

[gianko]

code:

  props: {
    color: VueTypes.string.def('black'),
  },

lint error:
Prop 'color' requires default value to be set vue/require-default-prop

[dwightjack]

Hi,

Thanks for the issue. I've never properly tested vue-props with latest vue-eslint-plugin.

Will check it out.

[dwightjack]

@gianko I've opened an issue on the vue-eslint-plugin repository because I'm not sure how to proceed to solve this issue.

In the meawhile the only solution I see is to disable vue/require-default-prop rule, even if I know it sucks... 😢

[gianko]

Yeah, I was disabling that rule.

Thanks, great library! : )

[dwightjack]

@gianko Thank you for the contribution.

I've checked with vue-eslint-plugin creators but it looks not so easy to integrate.

Will report here if I succeed in finding a viable solution.

[Xotic750]

This is really unfortunate, this is a blocker for introducing this project to other projects that I am involved in. If I have any ideas I will be sure to contribute.

[dwightjack]

Thank you!

[dwightjack]

@gianko I've just released an ESLint plugin to make vue-types play alongside eslint-plugin-vue: https://github.com/dwightjack/eslint-plugin-vue-types

After installing it, you should just add 'plugin:vue-types/strongly-recommended' as the last extends preset in your configuration

Let me know if it works for you.

[dwightjack]

Closing this for housekeeping. Feel free to re-open it if something new happens.