How to document a script setup component with JSDoc?

[rodrigocfd]

I can use JSDoc to document a function:

/**
 * This function does something.
 */
export function doSomething() { }

...and when I hover this function in VSCode, it shows the description nicely.

Now suppose I have a simple script setup component:

<script setup lang="ts">
</script>

How can I document this component with JSDoc, so that Volar displays the description in VSCode, just like the doSomething function above?

[xiaoxiangmoe]

<script lang="ts">
/**
 * # My Button Component
 * To trigger an operation.
 * 
 * @deprecated Please use `MyButtonV2` instead.
 * 
 * @example
 * ```vue
 * <MyButton>Click Me</MyButton>
 * ```
 */
export default {};
</script>
<script setup lang="ts">
defineProps<{
  /**
   * Set button type
   */
  buttonType?: 'primary' | 'dashed' | 'link' | 'text' | 'default';
}>();
</script>
<template>
  <button></button>
</template>

[johnsoncodehk]

For JSDoc support in template, please track for #3651.