How to fix "Unrecognized Vue directive" warning in Webstorm for Vue.js. Install instructions via npm and Vue.use

Question

How to fix "Unrecognized Vue directive" warning in Vue.js Webstorm. Installation instructions via npm and Vue.use

Answer 1

The "Unrecognized Vue directive" warning appears to come from a bug in the IDE Documented here.

You can use the web-types.json file in the project root directory and add the attribute "web-types": "./web-types.json" to package.json file, like this comment. The Web-Types standard was created by JetBrains, the company behind WebStorm and PhpStorm, and documentation is located in the JetBrains/web-types Github repository.

However, in my case, using PhpStorm 2022.3.3, I couldn't resolve the Floating issue happening with Vue and v-tooltip custom directives.