Adding a component inside Dialog box?

[KunalChoudhary]

I want to add a component such that it is inside a dialog box. I did something like this:

<template>
...

     <q-dialog persistent>
          <MyComponent />
     </q-dialog>

...
</template>

By doing this I am able to show the component. But anything inside component is unclickable. There is no way for me to interact with the component.
Does anyone know how it can be done??? Thanks in advance.

[metalsadman]

@KunalChoudhary try wrapping the content in a qcard, qdialog has no foreground by itself. Check the note https://quasar.dev/vue-components/dialog#Usage.