31 lines
747 B
Vue
31 lines
747 B
Vue
<template>
|
|
<div class="flex flex-col space-y-4">
|
|
<div v-for="project in items" :key="project.id">
|
|
<ProjectsProjectDashboardCard
|
|
:key="project.id"
|
|
:project="project"
|
|
:show-workspace-link="showWorkspaceLink"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script setup lang="ts">
|
|
import { graphql } from '~~/lib/common/generated/gql'
|
|
import type { ProjectsDashboardFilledFragment } from '~~/lib/common/generated/gql/graphql'
|
|
|
|
const props = defineProps<{
|
|
projects: ProjectsDashboardFilledFragment
|
|
showWorkspaceLink?: boolean
|
|
}>()
|
|
|
|
graphql(`
|
|
fragment ProjectsDashboardFilled on ProjectCollection {
|
|
items {
|
|
...ProjectDashboardItem
|
|
}
|
|
}
|
|
`)
|
|
|
|
const items = computed(() => props.projects.items)
|
|
</script>
|