vuejs / vue-class-component

ES / TypeScript decorator for class-style Vue components.
MIT License
5.81k stars 429 forks source link

[v8] TypeScript error when extending setup helper #499

Closed Mikilll94 closed 3 years ago

Mikilll94 commented 3 years ago

I have the following component:

<template>
  <div>{{ text }}</div>
</template>

<script lang="ts">
import { ref } from "vue";
import { Vue, setup, mixins } from "vue-class-component";

const Super = setup(() => {
  const text = ref('A')

  return {
    text,
  }
})

export default class HelloWorld extends mixins(Super) {
}
</script>

It throws TypeScript error:

Screenshot 2020-12-21 at 20 28 51

Here is the repro project: class-component-test.zip

ktsn commented 3 years ago

setup doesn't generate constructor but you should use it for class properties.

Mikilll94 commented 3 years ago

@ktsn This is taken from your post:

https://github.com/vuejs/vue-class-component/issues/416#issue-607043808

Screenshot 2020-12-22 at 12 15 38

ktsn commented 3 years ago

It's "alternative approach" ...

diphuaji commented 3 years ago

It's "alternative approach" ...

So are you saying it's not implemented yet?