v8 mixins - created() not called - what am I doing wrong?

I’m using 8.0.0-rc.1.

I have this simple .vue file component. When AppTest is rendered in the DOM, I’m not seeing “hello from mixin!” in the console. Is there something off with this syntax below?

<template>
    <div>
        Hello World
    </div>
</template>

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

class MyMixin extends Vue {
    created() {
        this.hello();
    }
    hello() {
        console.log('hello from mixin!');
    }
}

export default class AppTest extends mixins(MyMixin) {}
</script>

[Giwayume]

@Kapcash I’m talking about vue-class-component 8.0.0-rc.1 for Vue 3, not the old one for Vue 2.

The @Component decorator no longer exists in this version, it is replaced by @Options, which is optional.

[Kapcash]

You have to use the @Component decorator on your mixin, or it won’t be considered as a Vue component Mixin. This is a common mistake I used to do when I started using this library 😃

Also, you don’t need to use the mixins() helper when you have only one extend:
export default class AppTest extends MyMixin {}