Access getters inside the Vue Class Component decorator

Question

After upgrading ESLint and other packages in my project I started getting the following error in some of my components:

'InsertClassNameHere' was used before it was defined

The problem is that I need to access the getters from inside the class below the @Component decorator. This only worked if I explicitly set the type on the Component decorator like so:

@Component<InsertClassNameHere>

After the upgrade it no longer works because of the ESLint error.

When I remove the class name reference from the @Component decorator, the getters are no longer accessible:

Do you know how I can either reference the class name below the decorator or access the getters of the component without referencing it?

glazjoon · Accepted Answer · 2020-10-24 20:56:10Z

2

This is probably due the ESLint rule no-use-before-define. Your code seems to be relying on accessing hoisted identifiers before they are defined. Therefore it might be best to disable that rule entirely for your SFCs.

answered Oct 24, 2020 at 20:56

glazjoon

6642 gold badges7 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Access getters inside the Vue Class Component decorator

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related