NuxtJS module for WebStorm and PhpStorm that assists with using @nuxt/components
- Add
nuxt-stormto your project as a development dependency
# Using yarn
yarn add --dev nuxt-storm
# Using npm
npm install --save-dev nuxt-storm-
Add
.components.gen.jsto your.gitignorefile -
Add 'nuxt-storm' to the
buildModulessection ofnuxt.config.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
{
buildModules: [
['nuxt-storm', { nested: true }],
]
}If you have components in nested directories:
| components/
---| My/
------| Form/
---------| TextArea.vueThe component name will contain its path:
<MyFormTextArea />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.
{
buildModules: [
['nuxt-storm', { alias: true }],
]
}This was made possible by with the help of grunghi and eggsy
