Is it possible to get type description string like TypeScript type

[zhuscat]

vue-docgen-api version: 4.75.1

Here is my code for test:

import vueDocs from 'vue-docgen-api'
var componentInfo
vueDocs
  .parseSource(
    `
<template></template>
<script setup lang="ts">
defineProps<{
  a: number | string
}>()
</script>
`,
    '/test.vue',
  )
  .then((ci) => {
    componentInfo = ci
    console.log(ci.props[0])
  })

The output is:

{
  name: 'a',
  required: true,
  type: { name: 'union', elements: [ { name: 'number' }, { name: 'string' } ] }
}

Is there a way I can get type description like number | string?

[elevatebart]

Hello @zhuscat ,
I am not sure how to change this behavior without a breaking change, which I try to avoid at all costs. Major versions are not cheap.
You should probably add a customization layer between your code and the library.
The rule could be: If it's a union and there is only known types format it like typescript else let the engine format it

I think volar and the vue-component-meta package, though a bit slower, would help you in this a lot.

[zhuscat]

@elevatebart Thank you very much. You helped me a lot!