Quasarians in Action #30. With Staff Pick of the Week!
s.molinari last edited by s.molinari
Quasarians in Action! With the Staff Pick of the Week.
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).
In the News
Fresh off the presses:
The new “modern” build mode produces ES6 target builds, which perform better and have smaller app footprints. Check it out!
Quasar v1.12.0 released! Lots and lots of new features and improvement.
Quasar/app v1.9.0 released! Lots of improvements and modern build option
Stay tuned for the next QIA, when we announce our Hack-a-May contest winners.
Tip of the Week
This week we have two tips!
Need a text color or background color selector for QEditor? This codepen shows you the way thanks to community dev bjbk.
Codenamejamez created an example boot file for getting Vuex-Persist working with Quasar.
Tutorials and Articles
Danny Connell has come out with another great video showing the power of Quasar.
Staff Pick of the Week! Danny also has brought out a new series of Quasar tutorials. This new series is about how to build a PWA with Quasar. Here is the first video.
Quasar Awesome Example Applications
Mayak Patel brought a new example site, which looks quite professional.
Source code: https://github.com/mayank091193/vue-quasar-company-profile-website
Demo site: https://quasar-company-profile-template.netlify.app/#/
namphth1807043 brought out a working admin UI demo app.
Source code: https://github.com/namphth1807043/ui-admin
Demo site: https://quasar-admin-crm-template.netlify.app/
Reported and Fixed Issues
Florian Saleur reported the issue QForm - validate method is no longer called which was fixed by a feat(QForm): use “q-validation-component” class in custom components having validation #7112
Patrick Abi Salloum reported the issue this.$q.lang.set(Quasar.lang[‘en-us’]); does not work in 1.11.0 to 1.11.3 which was fixed by a fix(lang): Allow set() method to work without any params #7108
Stefan Vojvodic reported the issue Virtual scroll does not work in Firefox and Safari when using colgroup which was fixed by a fix(VirtualScroll): skip processing size of elements with .q-virtual-scroll–skip in before and after slots #7107
Kevin de Melo reported the issue htmlFileName - @quasar/app-v1.8.x which was fixed by a fix(app): use the htmlFilename as index for dev server in history mode #7078
Brice reported the issue On android, nativ keyboard appears when selecting an item in q-select which was fixed by a fix(QSelect): on mobiles the focus must be moved to a not input element #7061, #7062
yev reported the issue QSelect is pulling up an on-screen keyboard on capacitor Android which was fixed by a fix(QSelect): on mobiles the focus must be moved to a not input element #7061, #7062
dasaveliev reported the issue QUploader: max-total-size and max-files restrictions don’t apply if adding files consequently which was fixed by a fix(QUploader): max-total-size and max-files restrictions don’t apply if adding files consequently #7055
Antonio Kovačević reported the issue Error while closing qTime Popup by calling hide method on mobile which was fixed by a fix(QTime): add some missing checks for component being destroyed #7046
Eugene Granik reported the issue PWA Mode: Unable to exclude html from caching due to navigateFallback change which was fixed by a feat(app): PWA - workbox – Option to disable navigateFallback when using GenerateSW #7043
Yuri Titi reported the issue Backspace on QSelect with hide-selected remove item from model which was fixed by a fix(QSelect): backspace should not remove selected options when hideSelected is used (no visual feedback) #7039
Gordon Blahut reported the issue TypeScript definition for Notify.setDefaults requires ‘message’ which was fixed by a fix(TS/API): Notify.setDefaults() should not mark “message” as required #7027
Riku K reported the issue Background QPageSticky position shifts when QDialog showing which was fixed by a fix(QLayout): only update data on scroll when it’s in container mode or the body is not scroll prevented #7012
chulaiguo reported the issue I can not install @quasar/icongenie which was fixed by a feat(docs): Enhance icongenie installation instructions for Windows #7009
rfox12 reported the issue Typing lost: TS2339: Property ‘$q’ does not exist on type which was fixed by a Fix Index.vue for Typescript projects
hecsalazarf reported the issue Configuring the language pack in SSR sets a wrong HTML ‘lang’ attribute which was fixed by a feat(lang): Rectify usage for SSR on Quasar.lang.set() #6949
Dumitru reported the issue Button dropdown does not show when element in full screen mode which was fixed by a feat(portal): attach the portal to the fullscreen element if there is one #6939
Thank you for your valuable time in making Quasar a better framework!
bebjakub submitted a PR feat(QBtnDropdown): disable rotate dropdown icon
bias-santa submitted a PR docs():Fix typo and change an example in column wrapping
Paolo Caleffi submitted a PR docs: specify preloadChunks is ignored for dev builds
Paul Mohr submitted a PR Fix a typo on the QTable documentation
Ryan Delk submitted a PR chore(docs): Fix typos (“it’s” -> “its”); remove double spaces; normalize class decimals in grid examples
Foxy Lady submitted a PR Massive Rewrite
Guillaume NICOLAS submitted a PR docs: remove # prefix for hex string
Custom Automated Systems Pte Ltd submitted a PR Added quasar versions and changed Snap URL
Simon Detheridge submitted a PR Add groovechat.fm to ‘Projects’ section
Custom Automated Systems Pte Ltd submitted a PR Changed version number of KetoShare. Added The COVID-19 Game.
winwin2011 submitted a PR Add an online editor for Hexo blog
ethan submitted a PR user interface for market quant
Mayank Patel submitted a PR Added “Kudos - Company profile template”
yackers submitted a PR Remove schore - no such icon
Paolo Caleffi submitted a PR fix(capacitor): avoid linting for generated files
Eloy Ramirez submitted a PR Fix change as to from
rfox12 submitted a PR Fix #6951 Index.vue and Error404.vue for Typescript projects
Quasar Official App Extension Releases
QCalendar v2.0.2 has been released! (this is QCalendar’s 100th release!)
- fix(ui): resource view, when prop no-scroll is used gets error
- fix(css): issues with double borders
QCalendar v2.0.3 has been released!
- fix(ui): mini-mode shows border between rows of days
- Also added an example for “Advanced Popup” in mini-mode
eslint-plugin-quasar v1.0.0 has been released!
- no-legacy-plugins rule now works correctly
- check-valid-props rule is deprecated, use no-invalid-props rule instead
- Contributors - 3 (commits authored by Quasar community members)
- rstoenescu - 24
- hawkeye64 - 2
- pdanpdan - 1
- hawkeye64 - 6
- rstoenescu - 1
- hawkeye64 - 11
- Contributors - 6 (commits authored by Quasar community members)
- hawkeye64 - 30
- Contributors - 1 (commits authored by Quasar community members)
- hawkeye64 - 12
- hawkeye64 - 10
- Contributors - 4 (commits authored by Quasar community members)
- rstoenescu - 5
- hawkeye64 - 1
- hawkeye64 - 25
- hawkeye64 - 16
- hawkeye64 - 8
- rstoenescu - 2
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 @Scott (EN-DE)#0052.
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.