Open JoJk0 opened 1 year ago
I'm not 100% sure on whether the issue lies in Histoire or Agnostic UI so I created an issue on Histoire as well https://github.com/histoire-dev/histoire/issues/542
I managed to find a workaround to use the 'raw' components from source. Looks like the issue lies in built script for ES6 modules.
<script lang="ts" setup>
import { Button } from 'agnostic-vue/src/components'
</script>
<template>
<Button>
<slot />
</Button>
</template>
Describe the bug I want to use Agnostic UI with Histoire so I can build my own component library with stories. At the moment it's not possible
To Reproduce https://stackblitz.com/edit/histoire-vue3-starter-ybomb1?file=package.json,src%2FBaseButton.vue
agnostic-vue
Button
fromagnostic-vue
package insideBaseButton.vue
button
withButton
Alternatively, I managed to reproduce it coming from Agnostic Ui's official starter template: https://stackblitz.com/edit/github-sxfr9i?file=histoire.setup.mjs,src%2Fcomponents%2Fvue%2FButton.stories.vue,vite.config.js,package.json
Expected behavior It loads Agnostic UI Button component in Histoire
Desktop (please complete the following information):