描述Bug

如果将svelte与自定义元素一起使用，则必须在main.js中设置customElement: true。
如果使用svelte CSF配置，这会破坏Storybook的UI。（由于加载程序在此存储库中，因此我在此处打开问题）。
Svelte CSF配置也有.svelte结尾，因此被svelte加载程序拾取，并使用customElement: true编译，这是错误的。它们不应该。svelte编译器的main.js中的设置应该只匹配实际组件，而不是ABC.stories.svelte

重现

检查存储库，没有找到故事，甚至设置。如果你在main.js中设置customElement: false。它工作。但这样自定义元素就不能正确显示。
https://github.com/alexanderniebuhr/playground-storybook的最大值

预期行为

svelte component作为自定义元素，svelte story作为普通svelte。然后我希望有这样的选项来使用组件：（这是必要的，以便故事书的代码预览正确显示“f按钮”，并且复制和粘贴可以正常工作）

<script>
  import { Meta, Template, Story } from "@storybook/addon-svelte-csf";
  import "./Button.svelte";
</script>

<Meta
  title="Example/Button"

  !!!! IMPORTANT !!!!
  component="f-button"

  argTypes={{
    label: { control: "text" },
    primary: { control: "boolean" },
    backgroundColor: { control: "color" },
    size: {
      control: { type: "select", options: ["small", "medium", "large"] },
    },
    onClick: { action: "onClick" },
  }}
/>

<Template let:args>

   !!!! IMPORTANT !!!!
  <f-button {...args} on:click={args.onClick} />

</Template>

<Story
  name="Primary"
  args={{
    primary: true,
    label: "Button",
  }}
/>

系统

系统：
操作系统：Windows 10
CPU：（24）x64 AMD锐龙9 3900 XT 12核处理器
二进制文件：
节点：15.12.0 - C：\程序文件\节点\节点. EXE
npm：7.6.0 - C：\程序文件\节点\npm.CMD
浏览器：
边缘：斯巴达（44.21343.1000.0），铬（89.0.774.63）
npm程序包：
@故事书/附加动作：=6.2.0-rc.11〉关于我们
@故事书/附加-必需品：=6.2.0-rc.11〉关于我们
@故事书/附加链接：=6.2.0-rc.11〉关于我们
@故事书/插件-苗条-csf：^1.0.0 =大于1.0.0
@故事书/苗条：=6.2.0-rc.11〉关于我们

其他上下文

这可能是一个好的方法，不建立故事.svelte文件与svelte选项加载器，建议在这里：
（评论）