PHPStorm support for NuxtJS components
npm install nuxt-storm


[![npm version][npm-version-src]][npm-version-href]
[![License][license-src]][license-href]
>NuxtJS module for WebStorm and PhpStorm that assists with using @nuxt/components
1. Add nuxt-storm to your project as a development dependency
``bash`Using yarn
yarn add --dev nuxt-stormUsing npm
npm install --save-dev nuxt-storm
2. Add .components.gen.js to your .gitignore filebuildModules
3. Add 'nuxt-storm' to the section of nuxt.config.js
`js`
{
buildModules: [
'nuxt-storm',
]
}
ℹ️ If you are using nuxt < 2.9.0, use modules property instead.
That's it! Restart your yarn dev and components should now be found ✨
Add nested: true in your buildModule inclusion
`js`
{
buildModules: [
['nuxt-storm', { nested: true }],
]
}
If you have components in nested directories:
`bash`
| components/
---| My/
------| Form/
---------| TextArea.vue
The component name will contain its path:
`html`
Should your IDE fail to recognize vue component by its absolute path, you can replace it with path alias (default '@').
Thus, the aforementioned component path will be listed as
@/components/My/Form/TextArea.vueC:/some/absolute/path/project/components/My/Form/TextArea.vue
instead of .
Add alias: true in your buildModule inclusion or set a custom alias as its value should you use one.
`js``
{
buildModules: [
['nuxt-storm', { alias: true }],
]
}
This was made possible by with the help of grunghi and eggsy
[npm-version-src]: https://img.shields.io/npm/v/nuxt-storm/latest.svg
[npm-version-href]: https://npmjs.com/package/nuxt-storm
[npm-downloads-src]: https://img.shields.io/npm/dt/nuxt-storm.svg
[npm-downloads-href]: https://npmjs.com/package/nuxt-storm
[license-src]: https://img.shields.io/npm/l/nuxt-storm.svg
[license-href]: https://npmjs.com/package/nuxt-storm