@storybook/vue3 7.4.0-alpha.0 → 7.4.0-alpha.1

package/template/stories_vue3-vite-default-ts/decorators.stories.ts

@@ -1,84 +0,0 @@
-import type { DecoratorFunction } from '@storybook/csf';
-import { global as globalThis } from '@storybook/global';
-import type { Meta, StoryObj, VueRenderer } from '@storybook/vue3';
-import { h } from 'vue';
-
-const { Button, Pre } = (globalThis as any).Components;
-
-const meta = {
-  component: Button,
-} satisfies Meta<typeof Button>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-const ComponentTemplateWrapper = () => ({
-  components: {
-    Pre,
-  },
-  template: `
-    <Pre text="decorator" />
-    <story v-bind="$attrs"/>
-  `,
-});
-
-const SimpleTemplateWrapper = () => ({
-  template: `
-    <div style="border: 5px solid red;">
-      <story/>
-    </div>
-    `,
-});
-
-const VueWrapperWrapper: DecoratorFunction<VueRenderer> = (storyFn, context) => {
-  // Call the `storyFn` to receive a component that Vue can render
-  const story = storyFn();
-  // Vue 3 "Functional" component as decorator
-  return () => {
-    return h('div', { style: 'border: 5px solid blue' }, h(story, context.args));
-  };
-};
-
-const DynamicWrapperWrapper: DecoratorFunction<VueRenderer> = (storyFn, { args }) => ({
-  template: `<div :style="{ borderWidth: level, borderColor: 'green', borderStyle: 'solid' }"><story /></div>`,
-  computed: { level: () => `${args.level}px` },
-});
-
-export const ComponentTemplate: Story = {
-  args: { label: 'With component' },
-  decorators: [ComponentTemplateWrapper],
-};
-
-export const SimpleTemplate: Story = {
-  args: { label: 'With border' },
-  decorators: [SimpleTemplateWrapper],
-};
-
-export const VueWrapper: Story = {
-  args: { label: 'With Vue wrapper' },
-  decorators: [VueWrapperWrapper],
-};
-
-export const DynamicWrapper: Story = {
-  args: { label: 'With dynamic wrapper', primary: true },
-  argTypes: {
-    // Number type is detected, but we still want to constrain the range from 1-6
-    level: { control: { type: 'range', min: 1, max: 6 } },
-  },
-  decorators: [DynamicWrapperWrapper],
-};
-
-export const MultipleWrappers = {
-  args: { label: 'With multiple wrappers' },
-  argTypes: {
-    // Number type is detected, but we still want to constrain the range from 1-6
-    level: { control: { type: 'range', min: 1, max: 6 } },
-  },
-  decorators: [
-    ComponentTemplateWrapper,
-    SimpleTemplateWrapper,
-    VueWrapperWrapper,
-    DynamicWrapperWrapper,
-  ],
-};

package/template/stories_vue3-vite-default-ts/preview.ts

@@ -1,12 +0,0 @@
-declare module 'vue' {
-  interface ComponentCustomProperties {
-    $greetingMessage: (key: string) => string;
-  }
-}
-
-declare global {
-  // eslint-disable-next-line no-var,vars-on-top
-  var Components: Record<string, any>;
-}
-
-export default {};