<script setup>

const dataStore = useDataStore()



</script>

<template>
  <div class="w-1/2 mx-auto">
    <p class="text-2xl mb-5 text-center">Bitte wähle dein gewünschtes Profil</p>
    <div v-for="profile in dataStore.ownProfiles" class="flex justify-between my-3">
      {{dataStore.tenants.find(i => i.id === profile.tenant).name}}
      <UButton
        variant="outline"
        @click="dataStore.changeProfile(profile.id)"
      >Auswählen</UButton>
    </div>
  </div>
</template>

<style scoped>

</style>