Dado el siguiente código, tengo una línea ondulada debajo de $router que dice que Property '$router' does not exist on type 'App'

 async handleUserActions(item: TODO) { this.menuItem = item.title; if (item.title === 'Logout') { await userModule.logout(); } this.$router.push(item.link); }

Leí esta respuesta pero no parece funcionar. Ya tengo un archivo llamado shims-vue.d.ts en el proyecto que se ve así por defecto:

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

No estoy seguro de cómo debo agregar el código sugerido en la pregunta SO vinculada anterior. Actualmente lo tengo configurado así, que se toma de la respuesta más popular en la pregunta vinculada:

 import VueRouter, { Route } from 'vue-router' declare module "*.vue" { import Vue from "vue"; export default Vue; interface Vue { $router: VueRouter } }

Pero en este caso la línea import Vue from "vue"; tiene una línea ondulada roja debajo de "vue" que dice Cannot find module 'vue' or its corresponding type declarations cuando se pasa el cursor por encima.

No estoy seguro de lo que está pasando aquí. Sé que una aplicación puede ejecutarse con algunas de estas advertencias, pero tengo algunos problemas con el enrutador y creo que esto puede estar causando el problema.

Cualquier ayuda muy apreciada.