TypeScript 支持

VEUI 提供了组件 API 的 TS 声明，需要配合 Volar 获得最佳的开发体验。

配置 Volar 扩展

请参考 Volar 文档中的 Setup for Vue2。

对于 Vue < 2.7 的版本，需要安装 @vue/runtime-dom：

npm i -D @vue/runtime-dom

本地配置

在 tsconfig.json 中添加如下配置来支持 Vue 2 的模板语法。

// tsconfig.json
{
  "compilerOptions": {
    // ...
  },
  "vueCompilerOptions": {
    "target": 2.7,
    // "target": 2, // 对于 Vue < 2.7 的版本
  }
}

使用示例

<template>
<veui-button>OK</veui-button>
</template>

<script lang="ts">
import { defineComponent } from 'vue' // < 2.7 的版本需要用 `@vue/composition-api`
import { Button } from 'veui'

export default defineComponent({
  components: {
    'veui-button': Button
  }
})
</script>

{
  "include": [
    "src/**/*",
    "node_modules/veui/types/global.d.ts"
  ]
}