Default value being shown as a function, when really it's a function that returns an object

[philwolstenholme]

This is my Vue prop:

    thresholds: {
      type: Object,
      default: () => ({
        orange: 50,
        green: 80,
      }),
    },

But the styleguide is displaying my default value as 'Function'

[rafaesc]

Hi @philwolstenholme,

I don't sure if this an issue, because it shows

and it say that it accept a type of object.

PD: Thanks for the donation :D

[philwolstenholme]

No problem about the coffee/beer donation! :)

You're right about the function showing in the tooltip, I had spotted that, but I thought it might be clearer if the value returned by the function was shown instead.

We have to use functions for arrays and object default values in Vue components (vuejs/vue#1032 (comment)) but to the end user the useful information is the default value returned by the function, not the function itself.

I don't think this is a bug though, probably more of a feature request :)

[elevatebart]

We could try using buble to compile it then try executing it in isolation and if it succeeds return the value.

try{
  src = buble.compile(defaultValueString)
  defaultValueString = new Function(src)()
}catch(){}

@rafaesc what do you think?

[elevatebart]

This one I fixed ;)