how to activate dropdown's transition

[patrickkmatias]

In the docs dropdowns have a transition when opening them, but when inserting then as described in the docs it doesn't activate the transition together with the dropdown, making it simply appear/disappear.

When we check the dropdown declaration there's a transition prop that seems to suggest that it is configurable.

Dropdown.vue.d.ts

import type { PropType } from 'vue';
import type { DropdownPlacement } from './types';
declare const _default: import("vue").DefineComponent<{
    placement: {
        type: PropType<DropdownPlacement>;
        default: string;
    };
    text: {
        type: StringConstructor;
        default: string;
    };
    transition: {
        type: PropType<string | null>;
        default: null;
    };
}, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    placement: {
        type: PropType<DropdownPlacement>;
        default: string;
    };
    text: {
        type: StringConstructor;
        default: string;
    };
    transition: {
        type: PropType<string | null>;
        default: null;
    };
}>>, {
    text: string;
    placement: DropdownPlacement;
    transition: string | null;
}>;
export default _default;