add: full multi-tenancy control

storage/framework/views/c4188c8d16ca50973c0514392a83278d.php

@@ -0,0 +1,70 @@
+<v-avatar <?php echo e($attributes); ?>>
+    <div class="shimmer h-9 w-9 rounded-full"></div>
+</v-avatar>
+
+<?php if (! $__env->hasRenderedOnce('0cf3e4d9-9b67-4cbf-b9ad-1b55f671beca')): $__env->markAsRenderedOnce('0cf3e4d9-9b67-4cbf-b9ad-1b55f671beca');
+$__env->startPush('scripts'); ?>
+    <script
+        type="text/x-template"
+        id="v-avatar-template"
+    >
+        <div
+            class="flex h-9 min-w-9 items-center justify-center rounded-full text-xs font-medium"
+            :class="colorClasses()"
+        >
+            {{ name.split(' ').slice(0, 2).map(word => word[0].toUpperCase()).join('') }}
+        </div>
+    </script>
+
+    <script type="module">
+        app.component('v-avatar', {
+            template: '#v-avatar-template',
+
+            props: {
+                name: {
+                    type: String,
+                    default: '',
+                },
+            },
+
+            data() {
+                return {
+                    colors: {
+                        background: [
+                            'bg-yellow-200',
+                            'bg-red-200',
+                            'bg-lime-200',
+                            'bg-blue-200',
+                            'bg-orange-200',
+                            'bg-green-200',
+                            'bg-pink-200',
+                            'bg-yellow-400'
+                        ],
+
+                        text: [
+                            'text-yellow-900',
+                            'text-red-900',
+                            'text-lime-900',
+                            'text-blue-900',
+                            'text-orange-900',
+                            'text-green-900',
+                            'text-pink-900',
+                            'text-yellow-900',
+                        ],
+                    },
+                }
+            },
+
+            methods: {
+                colorClasses() {
+                    let index = Math.floor(Math.random() * this.colors.background.length);
+
+                    return [
+                        this.colors.background[index],
+                        this.colors.text[index],
+                    ];
+                },
+            },
+        });
+    </script>
+<?php $__env->stopPush(); endif; ?><?php /**PATH /var/www/html/packages/Webkul/Admin/src/Resources/views/components/avatar/index.blade.php ENDPATH**/ ?>