Quasarians in Action #16. With Staff Pick of the Week!

s.molinari

We would like to thank all of you, our awesome Quasar community. And in a spirit of give and share we’d like to present our cherry-picked community contributions with you. One of the contributions is picked by the team as our “Pick of the Week” to honor who we felt made the best contribution (outside of the core team).

We encourage you, the Quasar community, to organize local meetups. To support you we have created new Discord #conferences channel and pinned the issue https://github.com/quasarframework/quasar/issues/5983 where you can post desired meetup locations which includes the map as well.
Once the meetup is planned, please share the event link, ideally a week or two ahead. We will reach out to the Quasar community and ask Quasar core members to participate as well.

Tips of the Week

When you run quasar dev and it stops somewhere near the end and doesn’t complete, cancel out of that, then run quasar build --debug. Usually, you will get the error displayed at build-time as opposed to the dev run-time.

Tutorials and Articles

Staff Pick of the Week codeguru published How to create responsive UI using quasar framework:

Reported and Fixed Issues

Quasar

Tobias Fuhlroth reported the issue QSelect: using ‘multiple’ together with ‘option-label’, ‘option-value’, ‘map-options’ and ‘emit-value’ results in unwanted behavior which was fixed by a fix(QSelect): Use innerValue instead of value to compare on toggle #6177, released in Quasar v1.8.0
Yusuf Kandemir reported the issue @quasar/extras SVG Material Icons: some icons are missing which was fixed by a feat(docs): Add naming convention & svg import guide #6175
Arjon Jason Castro reported the issue QChip remove icon not visible when text is long which was fixed by a feat(QChip): Truncate long labels with ellipsis #6154, released in Quasar v1.8.0
jeancaffou reported the issue QVirtualScroll snaps to second-to-last item when fast scrolling instead to the end of the list which was fixed by a fix(QVirtualScroll): Do not offset the scroll when it is exactly on the end #6148, released in Quasar v1.8.0
Simon Sinding reported the issue Font Awesome Duotone shifts which was fixed by a fix(QIcon): CSS for Fontawesome duotone #6139, released in Quasar v1.7.5
Luca Ban reported the issue TypeScript: no exported member ‘QUploaderBase’.ts (missing type) which was fixed by a feat(q-uploader): export QUploaderBase, released in Quasar v1.8.0
Shawn Makinson reported the issue .q-btn and align-self: center which was fixed by a feat(QBtn): give up “align-self: auto” and let default browser behavior #6113
eeerrrttty reported the issue Q-icon not loading, loading text instead — almost 0,5% to 2% users affected which was fixed by a feat(QIcon): Avoid Google Translate tampering with Material Icons ligature font #6108, released in Quasar v1.7.3 and Quasar Extras v1.4.1
Valianton reported the issue Qslider does not working in some cases which was fixed by a fix(TouchPan): mouseAllDir ignored on start #6099, released in Quasar v1.7.2

Submitted PRs

Quasar

Paolo Caleffi submitted 2 PRs:

Nicholas Sidwell submitted a PR fix(docs): Specify gzip object configuration
Stefan van Herwijnen submitted a PR docs: fix uploader nodejs example
Propaganistas submitted a PR Add cursor-pointer class when @click is defined on QTr
Andy Bruère submitted a PR fix(app): deduplicate code when using core-js@3
dasaveliev submitted a PR Update QUploaderBase.js
James submitted a PR This confused me for a half second.

Quasar Starter Kit

Luca Ban submitted 2 PRs:

Quasar Starter Kit

nothingismagick submitted a PR chore(security): update engines object in template’s package.json

The list does not include PRs from the Quasar Core team.

Quasar Awesome Example Applications

Tyler Moore shared his Venues at OTC - SSR build of a Quasar project deployed on DigitalOcean using NGINX and PM2 which is documented thoroughly in README.md | web | github.

The performance was dramatically improved as well.
Before:

After:

João Medeiros shared Api Doc. An open source Crud API documenter:

Stefan van Herwijnen updated his Quasar app extension (AE) auth-token-based to make it more sane (stripped out all unnecessary functionality and it now works by importing instead of rendering the AE into the app. The extension is a token-based authentication using the Vuex store with basic login, registration and password reset pages.

srikanth-k-github created quasar-vuejs-gcp - A sample build and deploy of Quasar Vue.js app using Google Cloud Platform.

Arjon Jason Castro published his Quasar QTable Bottom Pagination.

Quasar Releases

As always you can find all latest releases and release notes in the documentation.

Quasar Official App Extension Releases

QMarkdown - v1.0.20

Thank you for your valuable time in making Quasar a better framework! We’ll be continuing this posting of favorites in the coming weeks. Stay tuned!

Call to action
Please share important or interesting contributions, Quasar community news, tutorials, videos or great goding tips and tricks. Those which you would like to see in the next Quasarians in Actions. Please use Quasar chat preferable in channels #i-made-this, #offtopic or #other AND tag @Stanislav (EN/CZ-eu).

If you like this aggregation of best contributions and would even like a more direct reception of this information, or you have any other ideas for honoring contributions to Quasar, please let us know in the Discord.

metalsadman

great, love to see quasar projects in action.

IvanGV

There is mine www.quickrepair.es, sorry for posting it here but I dont know where to notice that I have made my project with Quasar.

s.molinari

@IvanGV - Here is the best place: https://discordapp.com/channels/415874313728688138/415880261943820288/671868621378551828

Scott

s.molinari

@IvanGV - Also this, if you could.

Please submit a PR to https://github.com/quasarframework/quasar-awesome with your website/app/Quasar tutorial/video etc.

Scott

Mary-Tyler-Moore

@metalsadman I’m also happy to see quasar projects in action. I appreciate the work you do. You have been an inspiration to me! Thank you for sharing your code with the community. It has helped me become a better JS developer.