Wrapper

Not supported yet.

The Vue plugin lets a setup file add components that render around every story with addWrapper. The Svelte plugin has no equivalent: there is no addWrapper. Hst.Story and Hst.Variant do take a meta prop, but with no wrapper to read it there is nothing for a story to opt out of.

This is tracked in #232.

What to do instead

For a wrapper you want around one story, wrap the markup yourself:

<script lang="ts">
  import type { Hst as HstType } from '@poveste/plugin-svelte'
  import MyComponent from './MyComponent.svelte'
  import ThemeProvider from './ThemeProvider.svelte'

  const { Hst }: { Hst: HstType } = $props()
</script>

<Hst.Story title="MyStory">
  <ThemeProvider>
    <MyComponent />
  </ThemeProvider>
</Hst.Story>

For something every story needs — a CSS import, a global store, a locale — the setup file still runs, so anything that does not need to render around the component belongs there.

What the setup file cannot do is put an element in the tree above each story. That is the gap.