feat: avatar

Author: batosai

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jrmc/edge-components",
-  "version": "3.0.0-beta.1",
+  "version": "3.0.0-beta.2",
   "type": "module",
   "description": "",
   "engines": {

views/components/avatar.edge

@@ -1,4 +1,4 @@
-<div class="avatar{{ $props.has('status') ? ` ${$props.get('status')}` : '' }} {{ $props.has('placeholder') ? ' placeholder' : '' }}" {{ $props.except(['class', 'url']).toAttrs() }}>
+<div class="avatar{{ $props.has('status') ? ` ${$props.get('status')}` : '' }} {{ $props.has('placeholder') ? ' avatar-placeholder' : '' }}" {{ $props.except(['class', 'url']).toAttrs() }}>
   @if($props.has('placeholder'))
     <div class="{{ jrmc.getCssClass($props, '', 'w-24 bg-neutral-content text-neutral') }}">
       <span>{{ $props.get('placeholder') }}</span>