Storybook: Wie füge ich Regler für Vue-Komponenten in 6.0 hinzu?

Hallo. Ich habe absolut keine Ahnung, wie heiß es ist, Knöpfe reaktiv zu machen. Ich habe auch keine Beispiele im Web gefunden.

Hier ist mein Code:

import ElBtn from '../components/elements/buttons/el-btn.vue';

export default {
    title: 'El-Btn',
    component: ElBtn,
    decorators: [() => `<section class="container"><story /></section>`],
    argTypes: {
        type: { control: { type: 'select', options: ['secondary', 'primary'] } },
        round: { control: { type: 'boolean', default: false } },
    },
};

export const primary = () => ({
    components: { ElBtn },
    template: `<el-btn>Text</el-btn>`,
});

export const secondary = () => ({
    props: {
        type: { control: { type: 'select', options: ['secondary', 'primary'] } },
    },
    render() {
        return <ElBtn type="this.type">Test</ElBtn>;
    },
});

Hinzugefügt über Vue CLI 4.5.0 (vue add storybook).

Relevante Entwicklungsabhängigkeiten:

    "@storybook/addon-essentials": "^6.0.26",
    "@storybook/addon-links": "^6.0.26",
    "@storybook/vue": "^6.0.26",

Beide Steuerelemente in beiden Storys werden angezeigt, aber keines von ihnen ändert die tatsächlichen Requisiten.

Wäre auch dankbar für alle OpenSource Storybook 6.0 Beispiele mit Vue oder relevante Anleitungen.