Vuetify With Storybook screenshot

Vuetify With Storybook

Author Avatar Theme by Nidkil
Updated: 20 Jan 2019
116 Stars

Setting up Storybook with Vuetify the right way

Categories

Overview

This repository provides a solution for setting up Storybook with Vuetify and Vue CLI 3 in a streamlined and effective manner. By following the documented steps, users can quickly get their project up and running with the necessary configurations to ensure seamless integration between components.

Features

  • Built with: Vue CLI 3, Vue 2, Vuetify, Storybook, Material Design Icons, vue-types
  • Important Tips: Key points to ensure proper functioning with Vuetify and Storybook
  • Useful Links: Links to resources such as the Storybook website and addons

Installation

  1. Create a Vue project with Vuetify and necessary loaders.
  2. Add Material Design Icons (MDI) and import fonts.
  3. Include specific Vuetify components in the project setup.
  4. Run lint to correct formatting and test the initial project functionality.
  5. Integrate Storybook using Vue CLI.

Summary

This repository provides a comprehensive guide for setting up Storybook with Vuetify and Vue CLI 3, emphasizing the importance of correct configurations and shared settings. By following the outlined steps, users can ensure that components work seamlessly in both Vuetify and Storybook environments. The documented solution serves as a valuable resource for developers looking to streamline the integration process and enhance project efficiency.