Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Props table is broken when using more exports in file (vue)

See original GitHub issue

Describe the bug I’m working with VUE. I have a component that in addition to its default export (as required by SFC) it has some states that are exported for use for others that use this component. In this component stories are working fine, but the props table doesn’t show.

Expected behavior I expect to see the props table in every component

Screenshots when using exports: without exports:

Code snippets

<template>
  <div>
    template
  </div>
</template>

<script>
export const STATES = {
  on: 'on',
  off: 'off'
}

export defualt {
}

System:


Environment Info:

  System:
    OS: macOS 10.15.2
    CPU: (8) x64 Intel(R) Core(TM) i7-8559U CPU @ 2.70GHz
  Binaries:
    Node: 10.15.0 - ~/.nvm/versions/node/v10.15.0/bin/node
    Yarn: 1.21.1 - ~/.yarn/bin/yarn
    npm: 6.13.1 - ~/.nvm/versions/node/v10.15.0/bin/npm
  Browsers:
    Chrome: 79.0.3945.117
    Firefox: 70.0.1
    Safari: 13.0.4
  npmPackages:
    @storybook/addon-actions: ^5.3.4 => 5.3.4 
    @storybook/addon-docs: ^5.3.0-rc.14 => 5.3.0-rc.14 
    @storybook/addon-links: ^5.3.4 => 5.3.4 
    @storybook/addons: ^5.3.4 => 5.3.4 
    @storybook/vue: ^5.3.4 => 5.3.4

also using rails webpacker

Issue Analytics

State:
Created 4 years ago
Comments:9 (9 by maintainers)

Top GitHub Comments

1reaction

pockacommented, Jan 20, 2020

You can now parse an SFC including named exports with vue-docgen-api: >=4.6.0.

1reaction

pockacommented, Jan 16, 2020

No 👌 I’ll check source codes of vue-docgen-api and vue-docgen-loader, soon.

Top Results From Across the Web

Vue js Avoid mutating a prop directly since the value will be ...

I check on vue devtools, on table-custom-action component i see query props but is empty query:"" . I know about emiting event with...

Common mistakes to avoid while working with Vue.js

The default build exported by the NPM package is the runtime-only build. It doesn't bring the template compiler. For some background information ...

data() not working - Laracasts

Hey guys, I am exhausted of trying to make even simplest vue app working. ... If you use module.exports = { } in...

Chapter 3: Using Vue's strengths - Accessible Vue

In the following, we will start to think about strategies of using the framework's strengths for building inclusive apps. #Conveying context with props....

Pagination | Components - BootstrapVue

All *-text props are text-only and strip out HTML but you can use their ... no more than 3 page number buttons are...