#Problems with generated documentation for Vue components in Nuxt3

3 messages · Page 1 of 1 (latest)

thick patrol
#

Hi, I'm trying to setup autodocs for my vue components, however, there are some issues sadly...
The values of props don't appear in the documentation: @values small, medium, large
Neither do the default values using @default small

Also, if the prop has a union type, the documentation only says "union" and doesn't give more specific information.

defineProps<{
    /**
     * The size of the button.
     * @values small, medium, large
     * @default small
     */
    size?: 'small' | 'medium' | 'large',

(I tried typing it as string too)

Also, I cannot see any information about slot bindings... (this is for another component)

<!--  @slot Custom checkbox element content
                      @binding { boolean } checked Whether the checkbox is checked or not.
                  -->
                <slot name="checkbox" :checked="isChecked" />

And the @model doesn't seem to work either...

/**
 * Model of the checkbox.
 * @model
 */
const isChecked = defineModel()

Is there something I need to configure?

main portal
#

Hi. @thick patrol

#

this PR https://github.com/storybookjs/storybook/pull/22285 fixes. all these issues please check it out and add your comment, or request as important feature so the team can. speed. up the merge and. have it. available in next release

GitHub

Closes #22090 #21606 #23313
and other issues
What I did
replace vue-docgen-api with official vue language tools by Volar ( vue-meta-component ) with a better type definition, more features, and reg...