initial commit

resources/js/Components/UserAvatarCurrentUser.vue

@@ -0,0 +1,15 @@
+<script setup>
+import { computed } from 'vue'
+// import { usePage } from '@inertiajs/vue3'
+import { usePage } from '@inertiajs/vue3'
+import UserAvatar from '@/Components/UserAvatar.vue'
+
+const userName = computed(() => usePage().props.auth?.user.name)
+</script>
+
+<template>
+  <UserAvatar
+    v-bind:username="'userName'"
+    api="initials"
+  />
+</template>