diff --git a/src/components/VErrorSection/meta/VErrorSection.stories.mdx b/src/components/VErrorSection/meta/VErrorSection.stories.mdx index c0bf33efee..bc362f2350 100644 --- a/src/components/VErrorSection/meta/VErrorSection.stories.mdx +++ b/src/components/VErrorSection/meta/VErrorSection.stories.mdx @@ -25,20 +25,22 @@ import { NO_RESULT, SERVER_TIMEOUT } from '~/constants/errors' This section appears when a search returns no hits. -export const NoResultsTemplate = (args, { argTypes }) => ({ +export const NoResultsTemplate = (args) => ({ template: ` - + `, data: () => ({ NO_RESULT, }), components: { VErrorSection, VErrorImage, VNoResults }, - props: Object.keys(argTypes), + setup() { + return { args } + }, }) @@ -64,21 +66,23 @@ export const NoResultsTemplate = (args, { argTypes }) => ({ This result appears when an API request times out. -export const ServerTimeoutTemplate = (args, { argTypes }) => ({ +export const ServerTimeoutTemplate = (args) => ({ template: ` - + `, data: () => ({ SERVER_TIMEOUT }), components: { VErrorSection, VErrorImage, VServerTimeout }, - props: Object.keys(argTypes), + setup() { + return { args } + }, })