EntitiesList.vue

<script setup lang="ts">
import type { IEntity } from '@/app/interfaces/environment';

interface Props {
  entities: IEntity[];
  isEditMode: boolean;
}
defineProps<Props>();
const emit = defineEmits(['createEntity']);

const createEntity = (entity: IEntity) => {
  emit('createEntity', entity);
};
</script>

<template>
  <EntityItem
    v-for="entitiesItem of entities"
    :key="entitiesItem.entity_uuid"
    :entity="entitiesItem"
    :isEditMode="isEditMode"
  />
  <div class="relative mt-2">
    <CreateEntityMenu v-if="isEditMode" @createEntity="createEntity" />
    <div v-else style="height: 68px"></div>
  </div>
</template>

<style scoped></style>