Vue 3 — AniaAvatarVue

Vue 3 UMD plus the AniaAvatarVue UMD global, registered via app.use(AniaAvatarPlugin) and mounted live.

● LIVE from CDN vue@3 · cdn.jsdelivr.net/gh/rob-d3v/ania-avatar-vue/dist/index.umd.cjs

Running demo

mounting…

ℹ️ Below is a real Vue 3 app: it registers the AniaAvatarPlugin from the UMD global and renders <ania-avatar> bound to reactive props. Paste an avatar URL (+ password) and click Load to drive it.

cdn integration

<script src="https://cdn.jsdelivr.net/npm/vue@3/dist/vue.global.prod.js"></script>
<script src="https://cdn.jsdelivr.net/gh/rob-d3v/ania-avatar-vue/dist/index.umd.cjs"></script>

<div id="app">
  <ania-avatar :avatar-url="url" :width="320" :height="320" theme="dark"></ania-avatar>
</div>
<script>
  const { createApp } = Vue;
  createApp({ data: () => ({ url: 'avatar.ania' }) })
    .use(AniaAvatarVue.AniaAvatarPlugin)
    .mount('#app');
</script>