Vue расширенные типы - XYZ не существует по типу

Question

Я использую компонент класса vue с машинописью, и мне нужно расширить типы, чтобы использовать сторонний модуль.

компонент

export default class TestComponent extends Vue  {

   private created() {
     this.$snotify.success('test')
   }
}

shims.d.ts

import Vue from 'vue'
import { Snotify } from 'vue-snotify'

declare module 'vue/types/vue' {
    interface VueConstructor {
      $snotify: Snotify
    }
  }

«Свойство $ snotify не существует для типа TestComponent»

Vue. $ Snotify существует, но это. $ Snotify - нет, хотя это расширяет Vue

Куда я иду не так?

Answer 1

Попробуйте увеличить тип Vue вместо VueConstructor:

declare module 'vue/types/vue' {
  interface Vue {
    $snotify: Snotify
  }
}