Peaceultime/obsidian-visualiser
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tag Prose, CommentSide fixes and standard component initiation

Browse Source
This commit is contained in:
Peaceultime
2024-09-04 14:11:32 +02:00
parent 2b293a0c1a
commit 6d3efea784
12 changed files with 72 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
pages/explorer/[projectId]/[...slug].vue
View File

@@ -1,31 +1,26 @@
<script setup lang="ts">
const route = useRoute();
const { data: content } = await useFetch(`/api/project/${route.params.projectId}/file`, {
query: {
path: unifySlug(route.params.slug)
}
});
definePageMeta({
layout: "explorer",
})
const route = useRoute();
const { data, status } = await useFetch(`/api/project/${route.params.projectId}/file/${encodeURIComponent(unifySlug(route.params.slug))}`);
</script>
<template>
<Head>
<Title v-if="content && content[0]">{{ content[0].title }}</Title>
<Title v-if="data">{{ data.title }}</Title>
</Head>
<div class="flex-1 flex overflow-hidden">
<template v-if="!!content && content[0] && content[0].type == 'Markdown' && !!content[0].content">
<template v-if="!!data && data.type == 'Markdown' && !!data.content">
<div class="md:px-24 ps-8 my-1 whitespace-break-spaces">
<ProseH1>{{ content[0].title }}</ProseH1>
<Markdown v-model="content[0].content"></Markdown>
<ProseH1>{{ data.title }}</ProseH1>
<Markdown v-model="data.content"></Markdown>
</div>
<CommentSide class="hidden"></CommentSide>
<CommentSide class="hidden" :comments="data.comments"></CommentSide>
</template>
<CanvasRenderer v-else-if="!!content && content[0] && content[0].type == 'Canvas' && !!content[0].content" :canvas="JSON.parse(content[0].content)"></CanvasRenderer>
<div v-else-if="!!content && content[0]" class="h-100 w-100 flex flex-1 flex-col justify-center items-center">
<CanvasRenderer v-else-if="!!data && data.type == 'Canvas' && !!data.content" :canvas="JSON.parse(data.content)"></CanvasRenderer>
<div v-else-if="!!data && data" class="h-100 w-100 flex flex-1 flex-col justify-center items-center">
<div class="text-3xl font-extralight tracking-wide text-light-60 dark:text-dark-60">Impossible d'afficher (ou vide)</div>
<div class="text-lg text-light-60 dark:text-dark-60">Cette page est actuellement vide ou impossible à traiter</div>
</div>