I saw this in a PHPStorm ad.

So, cheers, everyone, for those of us who are still using PHP (on shared hosting particularly)!

According to npm statistics today, bootstrap-vue has 257,360 weekly downloads and Vuetify has 290,901 weekly downloads, while Quasar has 27,944 weekly downloads (about 10%). What is your plan for increasing Quasar’s userbase so we will have a larger community (and thus, likely better community support)?

Use npm install --save-dev webpack-obfuscator.

Here’s a sample from my quasar.conf.js:

let JavaScriptObfuscator=require('webpack-obfuscator');
...
build:{
...
extendWebpack(cfg,{isServer,isClient}){
if(!ctx.dev&&!ctx.debug){
cfg.plugins.push(new JavaScriptObfuscator({
debugProtection: true,
debugProtectionInterval: true,
rotateStringArray: true,
renameGlobals: true,
stringArrayEncoding: 'rc4',
stringArrayThreshold: 1
}));
...
}
...
}

Maybe you want to store user in Vuex and do this (perhaps in your root component’s created hook):

this.$router.beforeEach((to,from,next)=>this.$store.state.user?next():next('/auth'));

Alternatively, you can use vue-router abstract mode to prevent the user from manually keying in a hash / path.

Fab! I’m in.

@Hawkeye64 I was wondering if there was a way to start loading the images immediately after first paint (in the background). Currently the first opening of my menu sidebar is lagging as it only starts loading the images when the menu is opened. I’m currently resorting to using img instead of q-img and putting in invisible imgs elsewhere on the page to force the images to load.

@dobbel I took a look at this: https://github.com/quasarframework/quasar/issues/4941

Do you know if cordova-electron in quasar is production ready?

@Ben-Hayat So, this has gotten me to work. I decided to rebuild my company website using Quasar, with directus (https://directus.io) as the backend (it has quite a full featured API, including a JavaScript SDK which I used, and has authentication built-in).

Let me know your feedback on the UI:
https://customautosys.com/new (new Quasar UI)
https://customautosys.com (old UI)

@qyloxe said in Would you use Vue + Quasar to build a Marketing site?:

@stefanvh said in Would you use Vue + Quasar to build a Marketing site?:

@Ben-Hayat I don’t want to hijack your topic so let me know if I have to move this discussion somewhere else.

I’m also feeling uncomfortable here…

So, for example simple blog functionality. There needs to be a way to authenticate the user with an username and password. The authentication returns an authorization token. With the authorization token the user should be able to create a blog post (e.g. POST /posts). Unauthenticated people should be able to retrieve this post (e.g. GET /posts or /posts/1). This post is prefetched in Quasar and then displayed in a QCard for example. JSON-API covers creating and fetching resources (the posts), but authentication and even authorization can be performed in a billion different ways. Personally I am using PASETO tokens and /login and /register routes with simply {username, password} as payload with the appropriate HTTP status codes as response. But there are a lot of other ways (http://www.passportjs.org/packages/).

anyway, this scheme could be vulnerable to CSRF family of attacks. You need secure, same-site etc. cookie. Every other client side token, visible to JS is a potential vector of attack. If it is a blog for cats stories I wouldnt worry of course, but if it is a blog for bank official statements - this is another story. Do you know who your target is?
Well, the words are cheap and misleading. We, as developers has a opportunity and privilege to talk precisely and exactly about topic - we can use the language of code. So, please just create a repo on github, put your words into action and just create a skeleton, template, base of your thoughts in material (as in computers haha) form. It is much easier to discuss code in specific context than just dream about any possible or maybe possible context. At the end of the day, you will need to make a technical decision.

Authentication is a problem that has been solved by many other companies. Don’t reinvent the wheel. There are solutions like Auth0 & Okta, just to name 2 of the most common ones. Using a tried-and-tested authentication provider is probably more secure and less susceptible to CSRF than anything a solo dev could churn out.

@dobbel In app.styl:

.screenwide
	max-width 100% !important

.screenwide .q-table
	max-width 100% !important

.screenwide td
	white-space normal !important
	word-wrap normal !important
	hyphens manual

.screenwide th
	text-align center !important

In the relevant template:

<q-table :data="recipients" :columns="columns" :rows-per-page-options="[0]" selection="multiple" :selected.sync="selected" table-class="screenwide" dense>

Hi is there a way to use some of the Cordova plugins (in browser mode) in electron? What if I only want to use some plugins but not all?

@effiestar oh OK sorry it should not be (props.rowIndex==%2) it should just be (props.rowIndex%2)===0. Typo on my part.

Also, for your expanded portion I think you don’t actually need an inner div, you can just put the styles / classes on the enclosing q-td.

Hm, I think you don’t need to put in :props=“props” - can you try removing all of those and see if it works?

Just out of curiosity, for planning purposes.

Try

<q-table ...>
<template #body="props">
<q-tr :class="(props.rowIndex==%2)===0?'bg-grey':'bg-white'">
...
<div class="bg-white"><!--expanded portion-->
</div>
</q-tr>
</template>
</q-table>

And the winner is…

drum roll

WOEZELBEER!

Congratulations for being the winner of our KetoShare Lunar New Year Contest! You will be winning either a Shopee or Amazon S$20/- voucher!

We hope you’ll check out his cool Keto recipes!

What are you waiting for? Visit https://customautosys.com/ketoshare/?recipe=21 and https://customautosys.com/ketoshare/?recipe=22 to see woezelbeer’s recipes for Leek Frittata and Grilled Chicken with Vegetables now!

@s-molinari Is there a way to use the same SSR app as my API as well? Like for example Nuxt can allow you to use the same app for both SSR as well as to provide an API (usually they add a “/api” route) so you don’t have to spawn 2 node apps.

But I’m also more interested in Nuxt integration in general since Nuxt is really really popular for Vue users (don’t tell me the only way is to use UMD ).

Is there a way to integrate Nuxt with Quasar SSR?

Or is there anyway to add additional API routes to a quasar SSR node app?

@sevenq42 Hi I just tried opening the GUI builder and got a blank page.

Google Play recommends that we upload AABs now but the default is to generate APKs. To generate an AAB we have to go through some repetitive steps in Android Studio. Not that I don’t know how to use Android Studio, just that it would be nice to have a single command to generate an (optionally signed) AAB.

@dobbel We’ve reconsidered, we’ll be giving him the prize!