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

Quick Setup

1. Add nuxt-storm to your project as a development dependency

``bash


Using yarn

yarn add --dev nuxt-storm

Using npm

npm install --save-dev nuxt-storm
`

2. Add .components.gen.js to your .gitignore file

3. Add 'nuxt-storm' to the buildModules 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 ✨

$3

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

`

$3

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.vue
instead of
C:/some/absolute/path/project/components/My/Form/TextArea.vue.

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 }],
]
}
``

$3

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