<template>
    <div class="content-l" v-if="group">
        <h1>Group: {{group.groupId}}</h1>
        <ArtifactList :artifacts="group.artifacts"></ArtifactList>
    </div>
</template>

<script setup lang="ts">
import {Group} from "~/components/group/Group";

const group: Ref<Group | undefined> = ref();

onMounted(() => {
    const id = useRoute().params.group_id as string;
    Group.getById(id, (_group: Group) => {
        group.value = _group;
    })
})
</script>

<style scoped>

</style>