Interesting idea, to use canvas as resize tool and output as URL encoding …

To my best of knowledge, this needs to be done on you server (imagemagick is really helpful here), but scaling it down to a more manageable size.

Really nice you found a solution, sometimes this is the most important part.

But we may need to see if we could find a more streamlined solution in the future

I can’t say much about the css part of your questions, but I can see that Onsen UI uses real WebComponent’s. This simple fact could answer the performance part, as this has fairly good support in modern mobile browsers.

Quasar uses VueJs as the component layer, and this will have more overhead than on a browser that uses Onsen UI and have support for native WebComponent. But Quasar supports more browsers also in the desktop area (IE11+), and I quess that have a price

But again, I am just guessing

I quess you also need to add the QLayout as a component, as this is needed by 0.14

Try to look at datetime under doc, you will also find a references to the format it uses.

The point is that in 0.14 Quasar removes moment from its dependencies, and uses native JavaScript Date class to make it possible to slim down the size of a build (tree shaking).

I will recommend you to read this it will tell you what you need to know.

It looks ok to me, is this in a single vue file ?

Hi, I tried to understand how Quasar sets things up for the Stylus when loading styles, like platform detection.

I know it makes a mat and ios class depending on the scheme selected, but I can’t find any CSS class that is related to the platform detection and not just the scheme. It this true (btw. this info really need to be in the “Platform detect” doc) ?

The reason for this is that we, in one project, don’t want to change style on IOS (at the moment), but we really like to compensate for IOS in the more generic CSS (like iframes).

This is done using this column format

The col-column scoped slot is a brillian Vue feature, used inside DataTable, that will allow you for highly customized cell rendering.

Make a column called action and then make a :

<template slot='col-action' scope='cell'>
    <button @click='on_edit(cell)`><i>edit</i></button>
</template>

Hope this helps

Typescript work with vue-class-component as long as you enable it in the tsconfig.json file. But this error looks like the babel decorator feature is not properly installed in webpack (I am no expert on babel).