Invoking a dialog reloads other components

Lately I came across a very weird issue when using your dialogs in my Nuxt project. Whenever I invoke a dialog to show up, the page attempts to reload other components, such as vuetify-icons, and it often fails. I’m not sure why this is happening since components are not re-mounted, but it looks like this: BEFORE: AFTER:

I had originally figured it would be some artifact from developer environment, but it happens in production as well. I have re-installed vuetify-dialog with latest version and using default settings and this continues to happen on any instance of invoking something to show up, for example:

 showDialog(){
        this.$dialog.notify.success('TEST!',
          {
            position: 'top-middle',
            timeout: 5000
          })

Occasionally the icons return after a moment or two, but sometimes it just stays screwed up like that. It doesn’t affect just icons, as it attempts to reload header scripts like google tag manager, facebook pixel, etc.

[ChibiChanNya]

Thanks as always @yariksav , second time you save me. I really like this lib. Confirmed all good!

[yariksav]

Please read https://nuxt-community.github.io/nuxt-i18n/seo.html#improving-performance , it’s better for perfomance set seo=false and then in each layout put code

// layouts/default.vue

export default {
  head () {
    return this.$nuxtI18nSeo()
  }
}

because this code https://github.com/nuxt-community/nuxt-i18n/blob/master/src/templates/seo-head.js works for EVERY vue component, and dialogs also. And doesn’t work correctly in occasions

Look into lauouts/default.vue at https://codesandbox.io/s/vuetify-dialog-test-53ovx