I just published my tutorial “Building an Electron File Explorer with Quasar (and Vue)”. If interested, check it out: https://medium.com/quasar-framework/building-an-electron-file-explorer-with-quasar-and-vue-7bf94f1bbf6

A new Quasar UI App Extension
@quasar/qactivity v1.0.0-alpha.1 Release! https://github.com/quasarframework/app-extension-qactivity/releases/tag/v1.0.0-alpha.1
Demo: https://qactivity.netlify.com/#/

@quasar/qpdfviewer v1.0.0-alpha.1 Release! https://github.com/quasarframework/app-extension-qpdfviewer/releases/tag/v1.0.0-alpha.1
This is the initial release of QPdfviewer
Demo here: https://qpdfviewer.netlify.com/#/

@KevinYang @s-molinari
I must say I like a bit of challenge. I think the issue you were having before is you needed more than one tr element, but that is where the scope goes. So, I tried a different approach and put a div in with the header scope.
Also, notice the style="display: contents" on the div.
You can see the results here: https://jsfiddle.net/Hawkeye64/5y6rbn9u/46/

In case anyone wants to know how it is done: https://jsfiddle.net/Hawkeye64/noc64qr2/

@Ben-Hayat Ok, so I misread…I followed the herring instead of the bigger fish.

I think what you are looking for is a Quasar plugin:
https://quasar-framework.org/guide/app-plugins.html

Examples of plugins I use:

import AnimatedVue from 'animated-vue'

export default ({ Vue }) => {
  Vue.use(AnimatedVue)
}

import axios from 'axios'

export default ({ Vue }) => {
  Vue.prototype.$axios = axios
}

// batman's utility belt for javascript
import _ from 'lodash'

export default ({ Vue }) => {
  Vue.prototype._ = _
}

import moment from 'moment'

// leave the export, even if you don't use it
export default ({ Vue }) => {
  Vue.prototype.$moment = moment
}

// form validation
// See: https://www.npmjs.com/package/slug this project is dead
// now using dodoslug, a fork of node-slug
// See: https://github.com/dodo/node-slug
import slug from 'dodoslug'

slug.defaults.modes['mymode'] = {
  replacement: '-', // replace spaces with replacement
  symbols: true, // replace unicode symbols or not
  remove: /[._]/g, // (optional) regex to remove characters
  lower: true, // result in lower case
  charmap: slug.charmap, // replace special characters
  multicharmap: slug.multicharmap // replace multi-characters
}
slug.defaults.mode = 'mymode'

export default ({ Vue }) => {
  Vue.prototype.$slug = slug
}

@quasar/dotenv v1.0.0-beta.5 Release! https://github.com/quasarframework/app-extension-dotenv/releases/tag/v1.0.0-beta.5
Now will create your .env files for you (if you want), will not overwrite existing files. [based on new prompt]
Now will add to your .gitignore [based on new prompt]

@quasar_beginner @s-molinari I am just seeing this, but your accusations are a bit unfair. As soon as I saw the no workweek events on QCalendar, this was added and announced immediately:
https://discordapp.com/channels/415874313728688138/552811775440060417/705033048017862676
https://github.com/quasarframework/quasar-ui-qcalendar/releases/tag/v1.5.6

https://github.com/quasarframework/app-extension-qscroller/releases/tag/v1.0.0-alpha.1

• Initial npm release

https://github.com/quasarframework/quasar-ui-qmediaplayer/releases/tag/v1.0.19

• fix: mobile-mode is broken (#107)
• fix: click event propagation issues
• fix: Fullscreen issues when Quasar AppFullscreen plugin is not installed
• fix: fullscreen issues when constraint is added by user (ie: max-width)

@VB v3.3.4 is released with min-weeks fix.
https://github.com/quasarframework/quasar-ui-qcalendar/releases/tag/v3.3.4
https://quasarframework.github.io/quasar-ui-qcalendar/examples/month-view-mini-mode#example-Multi-Month-Selection-(range)

Apologies for quick release…found another issue, plus last release I forgot to publish the app-ext that goes with QCalendar
https://github.com/quasarframework/quasar-ui-qcalendar/releases/tag/v3.3.4

@VB Yes, that’s a bug I just found today (property min-weeks is ignored – and no one told me about it for over 2 years! lol). And, I just published a new release and forgot to add it in (the fix is easy). If you can wait one more day, I’ll add it in tomorrow.

Good news! I think we are shooting for v2 since Quasar v2 and q/app v3 WILL be breaking changes (as well as getting Webpack v5 put in).

@ravimeetsu Excellent question! Use the no-hover property for clicks and mobile

https://github.com/quasarframework/quasar-ui-qcalendar/releases/tag/v3.3.2

Although, I have seen the preliminary data and it’s looking good. The results needed a few tweaks, typo fixing, etc.
It’s should be ready fairly soon.

https://github.com/quasarframework/quasar-ui-qmarkdown/releases/tag/v1.4.1

@zwiebel_s Are you more or less thinking about something like this? https://quasar.dev/layout/page-scroller#Example--Basic

@Ben-Hayat Thanks for posting though. I will add somehting to the extras readme so that it is more clear.