Ich versuche, eine Komponente (UIButton) als Slot in einer anderen Komponente (UICard) in der ButtonAsSlot-Story zu übergeben.

In der ButtonAsSlot-Story übergebe ich default: '', als args.default, sodass es im Slot übergeben wird.

Wenn ich eine vorhandene Story übergeben könnte (z. B. default: ''), dann wäre das so Großartig. Dies funktioniert jedoch nicht.

Ich habe Folgendes versucht, aber die Fehlermeldung Fehler: Unerwarteter Bezeichner 'Objekt' erhalten.

const invalidArgs = ImportedStory.args export const ButtonAsSlot: Story = { ...Spielplatz, render: (args, { argTypes }) => Komponenten: { UICard, UIButton }, Requisiten: Object.keys(argTypes), aufstellen() { zurückkehren { ...argumente, } }, Vorlage: `    `, }), Argumente: { ...Playground.args, Standard: ``, },

Wie kann ich eine Komponente mithilfe einer vorhandenen Story in einem Parameter übergeben und in einem Slot festlegen?

Ich verwende Vue3. Code wird wie folgt angezeigt.

--Card.stories.ts

import type { Meta, StoryObj } from '@storybook/vue3' UICard aus './Card.vue' importieren UIButton aus „~/components/Clickable/Button.vue“ importieren importiere { setDefaultProps } aus '~/.storybook/utils' const meta: Meta = { Titel: 'Elemente/Karte', Komponente: UICard, Tags: ['autodocs'], } Standard-Meta exportieren type Story = StoryObj export const Playground: Story = { Geschichte: { Name: 'Standard', }, render: (args, { argTypes }) => ({ Komponenten: { UICard }, Requisiten: Object.keys(argTypes), aufstellen() { zurückkehren { ...argumente, } }, Vorlage: `    `, }), } setDefaultProps(Playground, UICard) export const ButtonAsSlot: Story = { ...Spielplatz, Geschichte: { Name: 'Button als Slots', }, render: (args, { argTypes }) => ({ Komponenten: { UICard, UIButton }, Requisiten: Object.keys(argTypes), aufstellen() { zurückkehren { ...argumente, } }, Vorlage: `    `, }), Argumente: { ...Playground.args, Standard: '', }, }