formatted, added team index, create, show

resources/js/components/UserInfo.vue

@@ -5,34 +5,34 @@ import { useInitials } from '@/composables/useInitials';
 import type { User } from '@/types';
 
 type Props = {
-    user: User;
-    showEmail?: boolean;
+  user: User;
+  showEmail?: boolean;
 };
 
 const props = withDefaults(defineProps<Props>(), {
-    showEmail: false,
+  showEmail: false,
 });
 
 const { getInitials } = useInitials();
 
 // Compute whether we should show the avatar image
 const showAvatar = computed(
-    () => props.user.avatar && props.user.avatar !== '',
+  () => props.user.avatar && props.user.avatar !== '',
 );
 </script>
 
 <template>
-    <Avatar class="h-8 w-8 overflow-hidden rounded-lg">
-        <AvatarImage v-if="showAvatar" :src="user.avatar!" :alt="user.name" />
-        <AvatarFallback class="rounded-lg text-black dark:text-white">
-            {{ getInitials(user.name) }}
-        </AvatarFallback>
-    </Avatar>
+  <Avatar class="h-8 w-8 overflow-hidden rounded-lg">
+    <AvatarImage v-if="showAvatar" :src="user.avatar!" :alt="user.name" />
+    <AvatarFallback class="rounded-lg text-black dark:text-white">
+      {{ getInitials(user.name) }}
+    </AvatarFallback>
+  </Avatar>
 
-    <div class="grid flex-1 text-left text-sm leading-tight">
-        <span class="truncate font-medium">{{ user.name }}</span>
-        <span v-if="showEmail" class="text-muted-foreground truncate text-xs">{{
-            user.email
-        }}</span>
-    </div>
+  <div class="grid flex-1 text-left text-sm leading-tight">
+    <span class="truncate font-medium">{{ user.name }}</span>
+    <span v-if="showEmail" class="text-muted-foreground truncate text-xs">{{
+      user.email
+    }}</span>
+  </div>
 </template>