NuxtJS : Problème d'importation de composants dans le mixin

Question

Ma pile est Nuxtjs et Nuxt-property-decorator

J'ai fait un mixin pour éviter de dupliquer les méthodes

Cette méthode nécessite un composant (composant d'alerte)

J'ai donc importé le composant dans le mixin

MaisJ'ai eu une erreur lors de l'importation du composant

Remarque : je suis sûr que l'adresse d'importation est réelle

mixin/logOut.ts depuis 'vue' importer Vue

import { Component } from 'nuxt-property-decorator'
import AppAlert from '~/components/Common/AppAlert'
@Component
export class LogOut extends Vue {
  async LogOut() {
    const confirm = await this.$dialog.show({
      component: AppAlert,
      props: {
        title: { text: 'Exit ?', icon: 'exclamation-thick' },
        body: 'Exit Connector ?',
        btn: { text: 'Confirm', icon: 'power', color: 'error' }
      }
    })
    
    if (confirm) {
      this.$auth.logout()
    }
  }
}

Le texte d'erreur est :

Cannot find module '~/components/Common/AppAlert' or its corresponding type declarations.ts(2307)

Answer 1

J'ai trouvé la réponse sur ce lien.

J'ai ajouté

vue-shims.d.ts

declare module "*.vue" {
  import Vue from 'vue'
  export default Vue
}