feat: Add Storybook for the Vue package instead of Histoire

[carwack]

Add Storybook v8.6.7 in favor of Histoire for the Vue package.

As reply on: #3382 (comment)

Works with one workaround in .storybook/main.ts

 // TODO: fix this when vue-docgen accepts types from other packages in components
   // This is a workaround until vue-docgen-plugin is fixed since we also dont use autodocs
   // This removes the plugin vue-docgen-plugin so it wont load and throws an error on the use of an type import like
   // import { Avatar, type AvatarRootEmits, type AvatarRootProps } from '@ark-ui/vue/avatar'
   // using options: { docgen: "vue-component-meta",} throws other errors with node_modules/@zag-js/avatar/dist/index.mjs.vue' 
   // could not be found. This could be a fix for the vue-docgen-plugin error but it is not working for now
   viteFinal(config) {
     const vueDocgenIndex = config.plugins?.findIndex((plugin) => 
       plugin && typeof plugin === 'object' && 'name' in plugin && plugin.name === 'storybook:vue-docgen-plugin'
     ) ?? -1
     if (vueDocgenIndex !== -1) config.plugins?.splice(vueDocgenIndex, 1)
     return config
   }

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
ark-docs	✅ Ready (Inspect)	Visit Preview	Mar 18, 2025 11:52pm

[pkg-pr-new]

Open in Stackblitz

npm i https://pkg.pr.new/chakra-ui/ark/@ark-ui/react@3396

npm i https://pkg.pr.new/chakra-ui/ark/@ark-ui/solid@3396

npm i https://pkg.pr.new/chakra-ui/ark/@ark-ui/svelte@3396

npm i https://pkg.pr.new/chakra-ui/ark/@ark-ui/vue@3396

commit: 1d77784

[cschroeter]

@carwack

I don't know but having the template as a string feels not great from a DX perspective, as errors can easily happen. Is there an alternative to this?