Props declaration with different types

[mtmsFKoechl]

Hi,
firstly, I would like to thank you for this excellent framework.
I really appreciate Vue 3 and the Composition API.

However, I now need some help.

Here is a short demo showing what I am trying to do.

<template>

</template>

<script setup lang="ts">
import {onMounted} from 'vue';

type a = {
  foo: 'test1' | 'test2'
}

type b<T> = {
  foo: 'test'
  bar: T
}

type ab<T> = a | b<T>

type props = ab<Record<string, any>> & {}

// region setup
const {
  foo,
  bar
} = defineProps<props>();
// endregion

// region refs
// endregion

// region computed
// endregion

// region functions
function init() {
  // Check props, init component, aso.
}
// endregion

// region livecycle hooks
onMounted(init)
// endregion

</script>

The goal is that if 'foo' has the value 'test', then the 'bar' prop with the generic type should be required.

My question is: is this possible, or have I made a mistake in the type definition? Or do I need to use "defineComponent"?

Please note that the types are in a private TypeScript package and the component is in a private Vue components package.

Thank you in advance for your help.