@usenavii/vue

Vue 3 components for deterministic inline SVG avatars and overlapping groups.

Install

npm i @usenavii/vue

Vue 3.5 or newer is a peer dependency. The core engine and Vue SVG adapter install with the package; no separate adapter dependency is required.

Usage

<script setup lang="ts">
import { Navii, NaviiGroup } from '@usenavii/vue';
</script>

<template>
  <Navii :seed="user.id" :size="64" :title="user.name" />
  <NaviiGroup :seeds="team.map(user => user.id)" :size="48" :max="5" />
</template>

Inline SVG is the default. Set as="img" for a data-URI image. Direct Node ESM imports and Vue SSR are supported.