https://github.com/atiksoftware/vue-auto-storybook
A Visual Studio Code extension that alphabetically organizes Vue component files' props and props defs sections and automatically generates Storybook files.
https://github.com/atiksoftware/vue-auto-storybook
Last synced: about 1 month ago
JSON representation
A Visual Studio Code extension that alphabetically organizes Vue component files' props and props defs sections and automatically generates Storybook files.
- Host: GitHub
- URL: https://github.com/atiksoftware/vue-auto-storybook
- Owner: atiksoftware
- License: mit
- Created: 2023-10-01T09:50:41.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-10-02T01:57:56.000Z (over 2 years ago)
- Last Synced: 2025-01-16T00:56:27.328Z (over 1 year ago)
- Language: TypeScript
- Size: 60.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# 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](LICENSE).
## Contributing
If you'd like to provide feedback or contribute to the extension, please visit the GitHub repository: [GitHub Repo](https://github.com/atiksoftware/vue-auto-storybook)
---
© 2023 Mansur ATİK