Quasar Framework

Hawkeye64

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

Hawkeye64

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/#/

Hawkeye64

@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/#/

Hawkeye64

@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/

Hawkeye64

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

Hawkeye64

@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
}

Hawkeye64

@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]

Hawkeye64

@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

Hawkeye64

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

Initial npm release

Hawkeye64

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)

Hawkeye64

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

fix(demo): audio path updated for examples to work correctly
fix: IE11 - Qbtn size (#144)

Hawkeye64

@ahmadx87 As of q/app v2.x, there is no longer a statics folder. It has been changed to public and is now a sibling to the src folder.
Please check out the Upgrade Guide to see what else may impact you. https://quasar.dev/quasar-cli/app-upgrade-guide

Hawkeye64

@Seanitzel What is your github name and your Discord name? We need to verify everything, then get you set up to the hidden channels on Discord for subscribers/donators. @Allan-EN-GB