Unable to import named mixin export

[patric-eberle]

Unable to import named mixin export

[elevatebart]

@patric-eberle,

TLDR: I know how to fix it, It just needs some quick re-work.

For better performance, docgen does not evaluate components anymore. It uses AST to gather the information. To get all props and methods from mixins, it has to parse mixins the same way it pases components. It has to parse the mixin file. It is not following import patterns indeed.

Unfortunately, the case of an intermediary file is failing.

Expected:
component with mixin -> get variable name from mixin property -> get filePath from variable name -> get documentation from file

With the intermediary file, this solution tries to parse your intermediary file as a component. Of course does not find any component directly in the file.

The solution would be, if the exported varable resolves to an import, resolve the target file instead.

This should be done in utils/resolveExportedComponent.ts

If you feel like it, a PR is most welcome.

[patric-eberle]

We found a solution for us, that works at least as a workaround:

import * as bem from '@verstaerker/vue-bem'

export default {
  mixins: [bem.bemMixin]
}

This hardens my suspicion that the doc parser is not able to read the import { variable } from syntax.

[vue-styleguidist-bot]

🎉 This issue has been resolved in version 3.3.6 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀