Dialog plugins and vuedevtools error

[DavidHequet]

What happened?

Hi,

the dialog plugin dialog's cause vuedevtools crash

What did you expect to happen?

I expect to inspect data from vuedevtools

Reproduction URL

https://codepen.io/pen/can't provide an url that can use vue devtools

How to reproduce?

To reproduce

• create a new quasar app from scratch (using npm in my case)
• add a button to open a dialog in index page
• try to inspect the result with vuedevtools (chrome extension 7.7.7)

// indexPage.vue
<template>
  <q-page class="flex flex-center">
    <img
      alt="Quasar logo"
      src="~assets/quasar-logo-vertical.svg"
      style="width: 200px; height: 200px"
    >
    <q-btn @click="test" label="Test Dialog"  />
  </q-page>
</template>

<script setup>

import { useQuasar } from 'quasar'

  const $q = useQuasar()
  function test () {
      $q.dialog({
        title: 'Alert',
        message: 'Some message'
      }).onOk(() => {
         console.log('OK')
      }).onCancel(() => {
         console.log('Cancel')
      }).onDismiss(() => {
         console.log('I am triggered on both OK and Cancel')
      })
  }
</script>
`

### Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

### Areas

Quasar CLI Commands/Configuration (@quasar/cli | @quasar/app-webpack | @quasar/app-vite)

### Platforms/Browsers

Chrome

### Quasar info output

```Shell

Relevant log output

Additional context

No response

[github-actions]

Hi @DavidHequet! 👋

It looks like you provided an invalid or unsupported reproduction URL.
Do not use any service other than Codepen, jsFiddle, StackBlitz, CodeSandbox, and GitHub.
Make sure the URL you provided is correct and reachable. You can test it by visiting it in a private tab, another device, etc.
Please edit your original post above and provide a valid reproduction URL as explained.

Without a proper reproduction, your issue will have to get closed.

Thank you for your collaboration. 👏