How to make your own plugin for Vue2 if the project is in TypeScript?

Question

typescript

Hello, I'm trying TS + Vue decided to try to make a global method for Vue.

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

Vue.config.productionTip = false
const Plugin = {
  install(Vue: any, options?: any) {
    Vue.prototype.$Kota = function () {
      console.log('Мяу')
    }
  }
}
Vue.use(Plugin)

new Vue({
  router,
  store,
  render: h => h(App),

}).$mount('#app')

Here is the plugin itself, when trying to use it in another IDE component, it gives an error TS2339
: Property '$Kota' does not exist on type 'CombinedVueInstance >>'
I'm doing it wrong, all the configs are standard which Vue cli sets when creating a project

Answer 1

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

Vue.config.productionTip = false

declare module 'vue/types/vue' {
  interface Vue {
    $Kota: () => void
  }
}

const Plugin = {
  install(Vue: any, options?: any) {
    Vue.prototype.$Kota = function () {
      console.log('Мяу')
    }
  }
}

Vue.use(Plugin)

new Vue({
  router,
  store,
  render: h => h(App),

}).$mount('#app')

Answer 2

https://www.typescriptlang.org/docs/handbook/decla...