安装

使用包管理器

npm

$ npm install element-ai-vue

pnpm

$ pnpm install element-ai-vue

yarn

$ yarn add element-ai-vue

如果你的网络环境不佳，推荐使用 cnpm 或使用 npmmirror

npm config set registry https://registry.npmmirror.com

按需引入

main.ts

import { createApp } from 'vue'
import App from './App.vue'
import 'element-ai-vue/dist/index.css'

const app = createApp(App)

App.vue

<script setup lang="ts">
import { ref } from 'vue'
import { ElAMarkdown } from 'element-ai-vue'

const content = ref(`# 一级标题
## 二级标题
`)
</script>

<template>
  <ElAMarkdown :content="content"></ElAMarkdown>
</template>

国际化配置

App.vue

<script setup lang="ts">
import { ref } from 'vue'
import { ElAConfigProvider } from 'element-ai-vue'
import en from 'element-ai-vue/es/locale/lang/en'
// import zhCn from "element-ai-vue/es/locale/lang/zh-cn";
</script>

<template>
  <ElAConfigProvider :locale="en">
    <App />
  </ElAConfigProvider>
</template>

主题色配置

App.vue

<script setup lang="ts">
import { ref } from 'vue'
import { ElAConfigProvider } from 'element-ai-vue'
</script>

<template>
  <ElAConfigProvider theme="dark">
    <App />
  </ElAConfigProvider>
</template>