Welcome

Welcome 渲染空会话欢迎页，可组合提示卡片或自定义内容。

导入方式

按需导入

import { Welcome } from '@weimin96/ai-chat-vue'
import '@weimin96/ai-chat-vue/styles'

完整导入

import * as AiChatVue from '@weimin96/ai-chat-vue'
import '@weimin96/ai-chat-vue/styles'

app.use(AiChatVue)

// 模板中可直接使用 <Welcome />

基础用法

✦

欢迎使用 @weimin96/ai-chat-vue

从提示卡片开始一次本地模拟对话。

<script setup lang="ts">
import { Welcome, PromptCards } from '@weimin96/ai-chat-vue'
import { promptCards } from '../../.vitepress/theme/demo-data'
</script>

<template>
  <div style="min-height: 360px">
    <Welcome
      title="欢迎使用 @weimin96/ai-chat-vue"
      subtitle="从提示卡片开始一次本地模拟对话。"
    >
      <PromptCards :cards="promptCards" />
    </Welcome>
  </div>
</template>

API

属性	类型	默认值	说明
title	string	How can I help you today?	标题
subtitle	string	undefined	副标题
logo	string	undefined	自定义 logo
capabilities	Array<{ icon: string; title: string; description: string }>	undefined	能力卡片

插槽	说明
default	欢迎页底部内容