Or you could do @import '~src/themes/app.variables.styl'
which goes up to the root and searches down. This way if you change your file`s position later on, you wont have to worry compared to when using “…/…/…/” syntax.

Best posts made by Dobromir
-
RE: How to use the Stylus theme variables from inside components
-
RE: How to regsiter custom components?
You should give an example how you achieved this, for future people searching of a similar issue
-
RE: Progressive Button native styling and its Loaders.
Ok. Just wanted to give a helping hand
-
RE: Possible to use Styl variables with other Pre-processed languages?
As @rstoenescu said you can’t use Stylus variables inside you SASS, however, if you are not importing any specific css framework/tool you could use Stylus. For the most part its similar to SCSS, you can still use braces and what not, I for once use them, as without them my code gets freaky and looks messy to me
Having a separate _variables.scss is possible, but you have to manage it by your self -
RE: vuelidate multiple error-labels
that is fine, it works fine with any vue 2.x version. I had an old CLI version along with the new one I just had installed. Going to try to do things now
-
RE: Could you change the Layout header slot from a child component?
Pretty much i was thinking of the same thing. vue-router-vuex sync could be used for this, to know on which route I am and stuff.
-
RE: How to integrate Quasar components in another Vue project?
I think its in the future plans, currently they are pretty tightly coupled to the framework.
-
RE: Why button is spread out when parent element display is flex
Its because the parent is set to have a
align-items:stretch
which stretches all the elements so they have the same position. You have to do aalign-items:center
or use theitems-center
class on the parent. -
RE: Change tab on swipe
Use a slider component with your content in each slide. Then you can watch the
@slide
event emitted from the slider and change the tabs above. Problem is that you have to have a prop for the tab nav and the currentSlide in the slider and sync them altogether which can be a pain.
Currently the tabs component doesn’t support this out of the box. You can file an issue on github and who ever has time to do this first will try to do a PR.
Latest posts made by Dobromir
-
RE: vuelidate multiple error-labels
A fix has been merged. Please update your Quasar CLI.
-
RE: vuelidate multiple error-labels
@reath I have made a PR to quasar cli that will fix the problem. Waiting on approval. Until then, tell me if the workaround above worked.
PR for reference - https://github.com/quasarframework/quasar-cli/pull/198
-
RE: vuelidate multiple error-labels
OK, I was wrong. This is a Quasar CLI issue, rather then an issue with my plugin. Will make a PR to Quasar, see if it gets merged. Essentially you could try the not ESM build, so instead of what you had do this -
import VuelidateErrorExtractor from 'vuelidate-error-extractor/dist/vuelidate-error-extractor'
Problem comes from the fact. that there is a package, that uses an older version of a dependency the error extractor has. Because I do not bundle the deps in the ES module build, this happens. A properly configured webpack config should fix this
-
RE: vuelidate multiple error-labels
Found the issue. For some reason the bundled package for accessing deep object properties was returning undefined. Will fix it now and push a release.
-
RE: vuelidate multiple error-labels
that is fine, it works fine with any vue 2.x version. I had an old CLI version along with the new one I just had installed. Going to try to do things now
-
RE: vuelidate multiple error-labels
For some reason, Quasar is not loading my
quasar.conf.js
at all… I cannot setup the plugins. -
RE: vuelidate multiple error-labels
I will look into it today. Didnt get notified for the reply. …
-
RE: vuelidate multiple error-labels
@reath From what I am seeing in the codesandbox you attached, it all works. Is there an issue with Quasal when using its CLI?
-
RE: Progressive Button native styling and its Loaders.
Ok. Just wanted to give a helping hand
-
Progressive Button native styling and its Loaders.
Hey. Are there any plans to make the progressive loading buttons closer to the native ones, material having those round spinner etc. If not, do you need any help with that?
Also, and this is just an idea, could we at some point, have astart
,done
,error
methods on the intermediate so it can go back to its default state after X amount of time? I know I could run a timeout on my “progress” prop and set it to 0, but it can get a pain, I would have to extend the quasar button with my own button to not write it everytime.
On a side project of mine I implemented pretty much the same because I couldn’t use quasar there and it is really useful for Ajax calls and what not.