Feat/storybook integration

[asvae]

What is done:

• Converted all stories to storybook.
• Removed vue-book completely.
• Deployed experimental storybook to railway.
• Link from docs contribution page to storybook.

There are still areas to improve for storybook, like attach figma or link stories to doc pages for particular components. But that would be part of a different effort depending on priority. Most of the value is here already.

---

I used a script to "convert" all vue-book demos to storybook stories. We may want to use it elsewhere.

import fs from 'fs'
import path from 'path'

const generateStorybook = (directory: string): void => {
  const files = fs.readdirSync(directory)

  for (const file of files) {
    const fullPath = path.join(directory, file)

    if (fs.statSync(fullPath).isDirectory()) {
      generateStorybook(fullPath)
      continue
    }

    if (!fullPath.endsWith('.demo.vue')) { continue }

    const componentName = path.basename(fullPath, '.demo.vue')
    const storyPath = path.join(directory, `${componentName}.stories.ts`)

    console.log(`Generating/Regenerating story for ${fullPath}...`)

    const storyContent = `
import { defineComponent } from 'vue'
import ${componentName} from './${componentName}.demo.vue'

export default {
  title: '${componentName}',
  component: ${componentName},
}

export const Default = defineComponent({
  components: { ${componentName} },
  template: '<${componentName}/>',
})
`

    fs.writeFileSync(storyPath, storyContent.trim() + '\n')
  }
}

const projectRoot = '.'
generateStorybook(projectRoot)
console.log('Storybook files generation/regeneration complete!')

[asvae]

@m0ksem reviewed it and said it looks fine