Installation

Using Package Manager

npm

$ npm install element-ai-vue

pnpm

$ pnpm install element-ai-vue

yarn

$ yarn add element-ai-vue

If your network environment is not ideal, it is recommended to use cnpm or npmmirror

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

On-Demand Import

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(`# Heading 1
## Heading 2
`)
</script>

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

Internationalization Configuration

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>

Theme Configuration

App.vue

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

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