Storybook: 6.0 में Vue घटकों के लिए नॉब्स कैसे जोड़ें?

नमस्ते। मुझे नोब को प्रतिक्रियाशील रूप से काम करने के लिए गर्म करने का बिल्कुल पता नहीं है। वेब पर भी कोई उदाहरण नहीं मिला।

यहाँ मेरा कोड है:

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>;
    },
});

Vue CLI 4.5.0 (vue add storybook) के माध्यम से जोड़ा गया।

प्रासंगिक देव निर्भरताएँ:

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

दोनों कहानियों पर दोनों नियंत्रण दिखाई देते हैं, लेकिन उनमें से कोई भी वास्तविक सहारा नहीं बदलता है।

इसके अलावा, किसी भी ओपनसोर्स स्टोरीबुक 6.0 उदाहरणों के लिए वीयू या किसी प्रासंगिक गाइड के लिए आभारी होंगे।