No dependencies found for this component in Vue.JS application

[Steve Pietrek]

I followed the Vue.JS example. Note: I did not install the Docs add-on. Using the default Welcome story which is built on a new Vue.JS application, I received some warnings on setup about not having component defined. I added the component to the CSF export default method and the page loaded without the warnings on the page. When I navigate to the page, I receive the following message:

welcome
Dependencies
No dependencies found for this component

In the console are 3 warnings:

1. Warning: Failed prop type: Invalid prop viewMode of value deps supplied to <<anonymous>>, expected one of ["story","info","docs","settings"].
2. Warning: Failed prop type: Invalid prop viewMode of value deps supplied to Layout, expected one of ["story","info","docs","settings"].
3. Warning: Failed prop type: Invalid prop viewMode of value deps supplied to Preview, expected one of ["story","info","docs","settings"].

I tried some of my other components with the same message of "No dependencies found for this component". Do I need to install the Docs add-on? The documentation had it as optional.

[Atanas Stoyanov]

Thank you very much for the update. The console warnings are expected, dont worry about those.

As for the dependencies not found - most probably its a component name mismatch. What is the component name that you see at the top of the Dependencies page?

In the storybook Vue example, i had to change the name to match ‘Button’ everywhere

1. In config.js
   

   storybook-addon-deps/examples/vue/.storybook/config.js

   Line 8 in 4c07e44

    import Button from '../src/stories/Button.vue'; 

2 in the story itself

storybook-addon-deps/examples/vue/src/stories/components/button.stories.js

Line 5 in 4c07e44

 component: Button, 

[Atanas Stoyanov]

Hi, version 1 was released and now the setup is much easier with presets.

I will close this issue for now