Skip to content

setupJsdoc NPM Version

稳定性: 稳定

script setup 块里定义组件的 JSDoc

FeaturesSupported
Volar Plugin

基本用法

vue
<script setup lang="tsx">
import 
Comp
from './Comp.vue'
</script> <template> <
Comp
/>
</template>

有两个地方可以去定义

  1. script setup 代码块的第一行.
vue
<script setup lang="ts">
/**
 * @example
 * ```vue
 * <Comp :foo="1" />
 * ```
 */

defineProps<{
  foo: number
}>()
</script>
  1. export default 表达式的上面.

TIP

这个特性依赖于 exportRender,并确保 exportRender 没有被禁用。

vue
<script setup lang="tsx">
defineProps<{
  foo: number
}>()

/**
 * @example
 * ```vue
 * <Comp :foo="1" />
 * ```
 */
export default <div />
</script>

Volar 配置

tsconfig.json
jsonc
{
  "vueCompilerOptions": {
    "plugins": ["unplugin-vue-macros/volar"],
  },
}

贡献者

页面历史