import { computed } from 'vue';

export interface Member {
  name: string;
  image: string;
}

export function useMembers() {
  const members: Member[] = [
    { name: "Renato Loiacono", image: "https://placehold.co/50x50" },
    { name: "Michelangelo Parisi", image: "https://placehold.co/50x50" },
    { name: "Gabriele Schiraldi", image: "https://placehold.co/50x50" },
  ];

  const sortedMembers = computed(() => {
    return [...members].sort((a, b) => {
      const aSurnameInitial = a.name.split(" ").pop()?.[0] ?? "";
      const bSurnameInitial = b.name.split(" ").pop()?.[0] ?? "";
      return aSurnameInitial.localeCompare(bSurnameInitial);
    });
  });

  return {
    members,
    sortedMembers
  };
}