Vue 3 autocomplete props from composables/libs

Hi all,

I'm working with Vue3, and am trying to DRY in a lot of common props and emits from similar components. For this, Vue allows to reuse props definitions and emit names simply by adding them to the defineProps/defineEmits from other files through the spread operator, since they are simple objects/arrays.

That is, something like this:

common-props-lib.js:

export props = {
	myProp: String,
	myOtherProp: { type: Boolean, default: true }
};

export emits = [ 'myEmit', 'myOtherEmit' ];

--------

TestComponent.vue:

import { props as commonProps, emits as commonEmits } from './common-props-lib.js';

defineProps( {
	...commonProps, // <- adding common props from the library
	specificProp: String
} );

const emit = defineEmits( [
	...commonEmits, // <- adding common emits from the library
	'specificEmit'
] );

The issue is that those props/emits loaded from another file don't appear in the autocomplete list either in the SFC file or when using the component elsewhere.

Is there any way to make those props/emits appear in the component's autocomplete, even if I have to declare them manually somewhere?