vue-class-component support

[sobolevn]

Is vue-class-component support is available?
Docs does not have any information about it.

If it is not available, do you have any plans about it?

Things I have tried:

// @vue/component
export default class Comment extends Vue {
  get computedValue () {
    console.log(12)
  }
}

This does not work. However, linting export default {} components works fine.
Here's my full setup: https://github.com/wemake-services/wemake-vue-template

[upgle]

I also wonder if there is a plan to support it.

[michalsnik]

It would require lots of tweaking. AST of Class is different than Object. I didn't give it a thought yet. But it might be wise to reconsider.

[michalsnik]

Sorry guys, but unless class based API is an official one supported by Vue, we won’t introduce support for it, due to the technical complications and not many requests. We do however work on improving TypeScript support, so unless you use vue-class-component you’ll be covered.

[osman-mohamad]

vue-class-component is now officially supported by vue team . is there any news about this feature support ?

[armano2]

@osman-mohamad i started working on it some time ago, but its not ready to be used by users.
there is also some issues with eslint/typescript-eslint-parser#555, and i'm waiting for fixes to them to be merged

but as michalsnik mentioned we added some support for object components in badd051 6032f21

[armano2]

i hope thats answer your question

[osman-mohamad]

thank you @armano2 .

[maksnester]

Any chance that rules like prop order enforcement will work with vue-class-component in further releases?

I believe TS would be more and more valuable for vue users. But tooling around ts+vue looks unfinished mostly.

[armano2]

@alendorff recently i'm fixing issues in https://github.com/JamesHenry/typescript-estree and https://github.com/eslint/typescript-eslint-parser to make it possible, it's going to take some time but we are on good path

[Djaler]

@armano2 here are new mantained version now - https://github.com/typescript-eslint/typescript-eslint

[gutisalex]

I still get this error...

Expected 'this' to be used by class getter 'players'.eslint(class-methods-use-this)

[mariusheine]

Is there any progress or an alternative for using these eslint rules in combination with vue-class-component?

[Tonysmark]

got same issue, however this no mention from official documentation