import { Component } from 'vue';
import { Args } from '@storybook/addons';

export { RenderContext } from '@storybook/core';

export interface ShowErrorArgs {
  title: string;
  description: string;
}

// TODO: some vue expert needs to look at this
export type StoryFnVueReturnType = string | (Component & { args?: Args });

export interface IStorybookStory {
  name: string;
  render: () => any;
}

export interface IStorybookSection {
  kind: string;
  stories: IStorybookStory[];
}

import { Component } from 'vue';

export { RenderContext } from '@storybook/core';

export interface ShowErrorArgs {
  title: string;
  description: string;
}

// TODO: some vue expert needs to look at this
export type StoryFnVueReturnType = string | Component;

export interface IStorybookStory {
  name: string;
  render: () => any;
}

export interface IStorybookSection {
  kind: string;
  stories: IStorybookStory[];
}

--- 
+++ 
@@ -1,4 +1,5 @@
 import { Component } from 'vue';
+import { Args } from '@storybook/addons';
 
 export { RenderContext } from '@storybook/core';
 
@@ -8,7 +9,7 @@
 }
 
 // TODO: some vue expert needs to look at this
-export type StoryFnVueReturnType = string | Component;
+export type StoryFnVueReturnType = string | (Component & { args?: Args });
 
 export interface IStorybookStory {
   name: string;
Vue: Add args to the story return type
