Found it …

I have to register the components first

Vue.component('gt-tb-back', GTToolbarBack)

Hi,

I have created my own vue component with the following name:

export default {

    name: 'gt-tb-back',

and using it like this

import { GTToolbarBack } from '../../components/toolbar'

import {
    QBtn
} from 'quasar'

export default {

    components: {
        QBtn,
        'gt-tb-back': GTToolbarBack
    },

If I do not add the directive in front of GTToolbarBack when registering the component, I cannot use it in my template (unknown custom element error). What do I have to do to make it work so that the directive is correctly registered and I do not have to specify the name ? (just like the QBtn component for example)
I have looked in the Quasar code and I cannot find what I am doing wrong or different…

Thanks!

@rstoenescu , wonderful!
I’m heavily investing time in Vue & Quasar. Great job btw, Quasar is one of the most fun frameworks I have worked with in a long time.
Hope to contribute when I’m more experienced!

Could it be that you check the existence of headers & footers and adjust the padding of layout-page-container with a delay or with animation?

https://geotracks.io
Have a look here.
When you keep refreshing the page, you will see that the content slides in from above.
I have noticed that this is standard behaviour when a QLayout first gets rendered.
How can I disable this?

It has to do with QLayout.

I have a QLayout with a toolbar (no sidebars) and when the page first loads, the main content slides in from the top (slide in + fade in). Only when I reload in the browser.
Subsequent changes of content (i have a router-view) do not have that problem.

When I remove the layout, and keep my router-view, the content appears without animation. So, it is in the QLayout component.

I want to get rid of it because I am embedding the website in mobile app and it is annoying.

Even better would be to have runtime switchable themes.
But I guess that would require a major refactor of the framework

Hi,

I have noticed that when my Quasar app loads, the content has a transition. It moves in from the top.

How can I disable this behaviour?

Thanks
Gerd