38 lines
1.3 KiB
Vue
38 lines
1.3 KiB
Vue
<script setup lang="ts">
|
|
|
|
const { path } = defineProps<{
|
|
path: string
|
|
filter?: string,
|
|
popover?: boolean
|
|
}>();
|
|
const { user } = useUserSession();
|
|
const { content, get } = useContent();
|
|
const overview = computed(() => content.value.find(e => e.path === path));
|
|
const isOwner = computed(() => user.value?.id === overview.value?.owner);
|
|
|
|
const loading = ref(false);
|
|
if(overview.value && !overview.value.content)
|
|
{
|
|
loading.value = true;
|
|
await get(path);
|
|
loading.value = false;
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex flex-1 justify-start items-start flex-col xl:px-24 md:px-8 px-4 py-6">
|
|
<Loading v-if="loading" />
|
|
<template v-else-if="overview">
|
|
<div v-if="!popover" class="flex flex-1 flex-row justify-between items-center">
|
|
<ProseH1>{{ overview.title }}</ProseH1>
|
|
<div class="flex gap-4">
|
|
<NuxtLink :href="{ name: 'explore-edit', hash: '#' + overview.path }" v-if="isOwner"><Button>Modifier</Button></NuxtLink>
|
|
</div>
|
|
</div>
|
|
<MarkdownRenderer v-if="overview.content" :content="overview.content" :filter="filter" />
|
|
</template>
|
|
<template v-else>
|
|
<div><ProseH2>Impossible d'afficher le contenu demandé</ProseH2></div>
|
|
</template>
|
|
</div>
|
|
</template> |