Discussion on: Using Storybook with Quasar

[Romulo G Rodrigues]

Oh, nice, I'm glad that my text helped :D

About that install-subset I'll look forward into it, my modules dir is pretty big right now.

I haven't had any other significant issues with Storybook and Quasar, using Vue18n and other libs are really bad and I did a little mechanism to replicate Quasar behavior with boot/plugins files with an index.js to load every boot/plugin file available, that can be really helpful when the application grows. About the variables I imported the quasar.variables.scss in the .storybook/preview.js and it worked pretty well because I don't have a lot of things going on in SCSS domain of the application.

[Dimas Wibowo]

Hi thanks for the tutorial, it works perfectly!
But when im import quasar.variables.scss to preview.js it doesnt work :(
Can you help me ?

[Hossein Ghobadi Samani]

I have the same issue, any updates?

[Kaveh Karami]

I followed this approach:

First, I built my quasar app using npm run build.
Then, I moved the css file from the dist directory to the .storybook directory and renamed it to styles.css.
Finally, I imported it into the preview.ts file using import './styles.css'.

Additionally, I wrote a bash script to automate this process and run it before executing npm run storybook.

{
  "scripts": {
      "storybook": "sh ./run.sh && storybook dev -p 6006",
    }
}