Mixins props is marked as required by typescript even tho I defined it as optional

[chanlito]

import PropTypes from 'vue-strict-prop';

export const textXsCenterMixin = {
  props: {
    textXsCenter: PropTypes(Boolean).optional,
  },
};

const Flex = componentFactory.mixin(textXsCenterMixin).create({ //...

Typescript complain Property 'textXsCenter' is missing in type

[eshimischi]

import * as tsx from "vue-tsx-support"; import p from "vue-strict-prop"; const Flex = tsx.mixin(textXsCenterMixin).create({ props: { textXsCenter: p(Boolean).optional, }, });

[chanlito]

@eshimischi If i do that, i'm just duplicating the mixin.

[eshimischi]

@chanlito

const textXsCenterMixin should only consist of methods in that case, not props as you did above

[chanlito]

Why not?

[eshimischi]

@chanlito Once again look to @wonderful-panda Examples.. https://github.com/wonderful-panda/vue-tsx-support#mixin

[wonderful-panda]

@chanlito If you want to use props in mixin, you must use tsx.component with mixin declaration.

import * as tsx from "vue-tsx-support";

export const textXsCenterMixin = tsx.component({
  props: {
    textXsCenter: PropTypes(Boolean).optional,
  },
});

const Flex = componentFactory.mixin(textXsCenterMixin).create({ //...

[chanlito]

@wonderful-panda That works! Cheers.