@daflow-ui/ui-avatar

@daflow-ui/ui-avatar

Avatar component for DaFlow UI component library.

Installation

pnpm add @daflow-ui/ui-avatar

Usage

全局引入样式（在 main.ts 中）：

import '@daflow-ui/ui-avatar/style.css';

在组件中使用：

<script setup lang="ts">
import { DfAvatar } from '@daflow-ui/ui-avatar';
</script>

<template>
  <DfAvatar
    src="https://i.pravatar.cc/120?img=12"
    fallback="DF"
  />
</template>

Development

Install dependencies

pnpm install

Start playground (at monorepo root)

cd ../..  # 回到 monorepo 根目录
pnpm dev  # 启动统一 playground，自动发现组件

组件会自动出现在 playground 导航中（通过 dev/index.vue）。

Build

pnpm build

Type check

pnpm typecheck

Lint

pnpm lint
pnpm lint:fix

License

MIT