/vue-auto-storybook

A Visual Studio Code extension that alphabetically organizes Vue component files' props and props defs sections and automatically generates Storybook files.

Primary LanguageTypeScriptMIT LicenseMIT

Generate Storybook Extension

Generate Storybook is a Visual Studio Code extension that helps you alphabetically organize the props and props defs sections inside Vue component files and automatically generate Storybook files.

Installation

  1. Open Visual Studio Code.
  2. Open the Extensions view (Ctrl+Shift+X).
  3. Search for "Generate Storybook" and install it.
  4. Restart Visual Studio Code to activate the extension.

Usage

The extension can be used to alphabetically organize the props and props defs sections within your Vue component files and automatically create Storybook files. Here's how to use it:

  1. Open a Vue component file.
  2. Trigger the "Generate Storybook" extension to run by assigning a command trigger (e.g., a keyboard shortcut) or by opening the command palette (Ctrl+Shift+P) and running the "Generate Storybook" command.
  3. The extension will sort the props and props defs sections and automatically generate the Storybook files.

License

This extension is licensed under the MIT License. For more information, please see the LICENSE file.

Contributing

If you'd like to provide feedback or contribute to the extension, please visit the GitHub repository: GitHub Repo

© 2023 Mansur ATİK