Display components wrapped in Higher-Order components

[hollandThomas]

Hey,

I applied the Higher-Order Component (HOC) design-pattern (concept for react explained here) like this: vuejs/vue#6201 (comment)

A component that makes use of such a HOC is no longer displayed by vue-styleguidist.

I suppose that vue-styleguidist needs a component to return an Object of the structure seen in the screenshot. A HOC of course returns a function instead, as seen in that screenshot as well.

Is it possible to implement that feature? Thanks

Also, if possible, respect /** */ inline documentations defined in HOC's.

[adamchenwei]

@hollandThomas you may just got into a rabbit hole, Vue actually has a surprising hard time for HOC vuejs/vue#6201

[adamchenwei]

and in case if you interested in some learning shoestrong/learn-note#8 (use translate of course)

[hollandThomas]

Luck has it that I'm meeting a chinese friend this evening. I think I just found him a nice little translation-job ;)

Thanks though in all honesty 👍

[elevatebart]

Hey @hollandThomas , great suggestion.

For now most of what vue-styleguidist is doing is displaying whatever vue-docgen-api returns. This module only parses components. We could create a plugin for this api for it to parse the HOC pattern.

If you can cook up a little test to showcase the pattern then we would add it as a test/example to the main repo and could start working on a solution to make it work. I am not familiar with the issue it solves.

Thank you in advance

[elevatebart]

Hey @hollandThomas I will close this issue for now as I feel like Vue 3 is going to make it completely obsolete. Fell free to re-open it if you make a use case.