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]

@diegoaraujox
here you go: https://codesandbox.io/s/codesandbox-app-7m5uu

@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

The webpack terser plugin does the reduction, but after compilation

Turn on mobile mode

https://github.com/quasarframework/quasar-ui-qscroller/releases/tag/v1.1.2

https://github.com/quasarframework/quasar/issues/8662

• feat(extras): Added new font and svg icons support for Bootstrap Icons

The Bootstrap Icons icon set will be available in Quasar v1.15.8 and Quasar v2.0 beta 11

https://github.com/quasarframework/quasar/releases/tag/%40quasar%2Fextras-v1.10.0

@ncamaa No, but I have been thinking we could create a cli for this…

• feat(extras): update Fontawesome to v5.15.3
• feat(extras): update Google Material Design fonts and svg

https://github.com/quasarframework/quasar/releases/tag/%40quasar%2Fextras-v1.9.20

@beatscribe In order to get IE11 for Quasar v1, you have to modify your browserslist in package.json. This will add the appropriate polyfills for the selected browsers.
For instance, you could have this:

  "browserslist": [
    "last 1 version, not dead, ie >= 11"
  ],

Do you get the error with getDayTimeIdentifier without even importing it?
There’s a couple of ways you can import:

import myPlugin from '@quasar/quasar-ui-qcalendar
This is the default export, so the exported name can be anything you like

myPlugin will contain all the other exports, but to get at those, you can destructure them:

import { getDayTimeIdentifier, version, QCalendar } from '@quasar/quasar-ui-qcalendar
Hope that helps

• feat(extras): updated Google Material Design fonts and icons