@ebena

Use q-table with :data=“userData” and define userData as a computed property:

computed: {
    userData: function () {
      return Object.entries(this.user).map(([k,v]) => { return {key: k, value: v} })
    }
  }

@Quasarman

1. Tag should be gb-flag not gb-flags
2. Library seems not to register gb-flags component
   https://github.com/growthbunker/vueflags/blob/master/src/entry.js
3. Although gb-flag tag worked for me the corresponding image did not resolve.
4. Btw (I think) you can register plugins simply with a direct reference in boot part of quasar.conf.js; e.g.

boot: [
    ...
    '~@growthbunker/vueflags'
]

@rulrok

Am interested in this as will be hitting same challenge down the line.

Some thoughts:

1. You may like to consider SSR + PWA handoff.
   https://quasar.dev/quasar-cli/developing-ssr/ssr-with-pwa

2. SSR shopfront knows subdomain through ssrContext
   https://quasar.dev/quasar-cli/developing-ssr/configuring-ssr#Boot-Files

3. PWA shopfront knows subdomain through window.location

4. Code knows whether it is running client or server via process.env.CLIENT and process.env.SERVER

Use quasar boot file:
https://quasar.dev/quasar-cli/cli-documentation/boot-files

Example in this post:
https://forum.quasar-framework.org/topic/5224/integrating-thrid-party-component

Not a great comment mecjos. I am just a regular user of Quasar. Have found the support in this forum to be excellent. Much like the Quasar framework itself.

@rab

A Problem

• Vue 3 instances no longer implement the event emitter interface.
• Recommendation is to use mitt.
• See: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0020-events-api-change.md

A Solution

• Load the code below as a boot file (e.g. pagebus.js).
• Using this.$on is detected as error so am using $$on instead.

// file boot/pagebus.js
import { boot } from 'quasar/wrappers'
import mitt from 'mitt'

export default boot(({ app }) => {
  app.use({
    install: function (Vue, options) {
      const pagebus = mitt()
      app.config.globalProperties.$$on = pagebus.on
      app.config.globalProperties.$$emit = pagebus.emit
    }
  })
})

If you wish to debug:

   ...
   app.config.globalProperties.$$on = function (ev, ...args) {
      console.log(ev, args)
      return pagebus.on(ev, ...args)
   }
   ...