Nvm. I was just missing the curly brace

<script>
import { QInput } from 'quasar'
export default {
  name: 'MyInput',
  extends: QInput,
  props: {
    outlined: {
      type: Boolean,
      default: true
    },
    dense: {
      type: Boolean,
      default: true
    }
  }
 }
</script>

@jraez Tried extending QInput but I’m getting this error:
Failed to mount component: template or render function not defined.

Tried copy pasting your example but I get the same error

MyInput.vue

<script>
import QInput from 'quasar'
export default {
  name: 'MyInput',
  extends: QInput,
  props: {
    outlined: {
      type: Boolean,
      default: true
    },
    dense: {
      type: Boolean,
      default: true
    }
  }
 }
</script>

Page.vue

<template>
  <div>
    <my-input></my-input>
  </div>
</template>

<script>
import MyInput from 'components/MyInput'

export default {
  components: { MyInput },
  name: 'PageIndex'
}
</script>

Am I doing it wrong?

I’ve created a custom Dialog Component to be invoked like this:

// Inside Vue file
import CustomComponent from '..path.to.component..'

this.$q.dialog({
  component: CustomComponent
})

but I don’t want to import CustomComponent every time I use this.$q.dialog() on my Vue files. It would be nice if Dialog plugin also have a setDefaults() method where I can set default configurations:

// src/boot/dialog-default.js 
import { Dialog} from 'quasar'
import CustomComponent from '..path.to.component..'

Dialog.setDefaults({
   component: CustomComponent
})

Is there a workaround for this?