quasar-framework/src/mixins/display-mode.js

Build responsive SPA, SSR, PWA, Hybrid Mobile Apps and Electron apps, all simultaneously using the same codebase

export default {
  props: {
    popover: Boolean,
    modal: Boolean
  },
  computed: {
    isPopover () {
      // Explicit popover / modal choice
      if (this.popover) return true
      if (this.modal) return false

      // Automatically determine the default popover or modal behavior
      return this.$q.platform.is.desktop && !this.$q.platform.within.iframe
    }
  }
}