Cannot inspect dialog with Vue Devtools

[Alexandre Le Borgne]

When I select MyComponent used in my dialog, the Vue tab of Google Devtools cannot find the component which prevents me from inspecting it

Even by browsing all the components in the inspector, it is not possible to find those of the dialogs of vuedl

import MyComponent from './MyComponent'

let result = await this.$dialog.showAndWait(MyComponent, props)

Using the "Refresh" button does not correct the problem

To reproduce, go to https://iwdcf.csb.app/ and try to inspect the dialog opened when you click on "show card" in the dialog tab

[Kuzin Dmitriy]

+1

[PJ Farrell]

Does anyone know a workaround to get dialogs to show up in devtools?

[Alexandre Le Borgne]

Replace this.$dialog calls by <dialog v-if="bool"> components

[Chantouch Sek]

it already built for production mode, so it doesn't suppose to show in vue devetool.