@paul @s-molinari I have made an other repository with a storybook config for quasar v1.1.7 if you want to take a look
https://github.com/thibautguedou3/quasar-storybook-typescript/tree/master

Hello guys,

I am using capacitor to build an app that displays Youtube embedded videos. For some videos (I don’t know why) if I don’t specify a hostname, I get an error “The video is not available” when I try to play them. This problem is referenced here on StackOverflow

This is easy to do in dev mode thanks to the -h option of the quasar dev command, but when I run quasar build, I cannot specify a hostname.

Any idea of how I could do that?

@fringesoft It depends on what you want to do but I think you could take a look at this part of the documentation.

But to answer (partially) your question, I think you can simply run: quasar build --env=dev and then access the result in process.argv to do different things depending on the environment

Hi @kili236! You are right, I need to update this repository. If you want to add support for icon libraries, you need to replace in the config.js in .storybook folder the following lines:

import 'quasar/icon-set/material-icons';
import '@quasar/extras/roboto-font/roboto-font.css';

with:

-import 'quasar/icon-set/material-icons';
+import '@quasar/extras/material-icons/material-icons.css';
import '@quasar/extras/roboto-font/roboto-font.css';

Since I don’t use the quasar build system to launch storybook, you will need to manually add all the icon libraries you are going to use in your storybook project!

If you need to use animations, you will have the same issues: you will need to import all the animations needed:

import '@quasar/extras/animate/flipInY.css';
import '@quasar/extras/animate/slideInRight.css';

Let me know if this does not work

@nobilik @mboeni You can edit the content of the app.sass file in the css folder of src to add a custom variable with the name you want. For instance in my project I did this:

$myColor: #111234;

.text-my-color
  color: $myColor

.bg-my-color
  color: $myColor

This is basically the same approach as the one @nobilik suggested but it’s located in the folder dealing with style in your application. Normally thanks to this, you will be able to use bg-my-color, text-my-color and also pass my-color as color prop everywhere in your app

@paul @s-molinari I have made an other repository with a storybook config for quasar v1.1.7 if you want to take a look
https://github.com/thibautguedou3/quasar-storybook-typescript/tree/master