adding obsidian support
This commit is contained in:
@@ -3,18 +3,29 @@ import Markdown from "@/components/quick/Markdown.vue";
|
|||||||
import { ref, onMounted } from "vue";
|
import { ref, onMounted } from "vue";
|
||||||
import axios from "axios";
|
import axios from "axios";
|
||||||
|
|
||||||
const note = ref(await axios.post("/api/notes/Welcome"));
|
const note = ref(null);
|
||||||
|
|
||||||
function fetchNote() {}
|
const fetchNote = async () => {
|
||||||
|
const response = await axios.post("/api/notes/Welcome");
|
||||||
|
note.value = response.data;
|
||||||
|
};
|
||||||
|
|
||||||
|
onMounted(fetchNote);
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<main class="center-content flex-col">
|
<main class="center-content flex-col">
|
||||||
<div class="background halftone" />
|
<div class="background halftone" />
|
||||||
<div class="a4page-portrait bdr-1 flex-col relative scroll-y gap">
|
|
||||||
|
<div
|
||||||
|
v-if="note"
|
||||||
|
class="a4page-portrait bdr-1 flex-col relative scroll-y gap"
|
||||||
|
>
|
||||||
<h1>{{ note.title }}</h1>
|
<h1>{{ note.title }}</h1>
|
||||||
<small>{{ note.last_edited }}</small>
|
<small>{{ note.last_edited }}</small>
|
||||||
<Markdown class="fill wrap" :source="note.contents" />
|
<Markdown class="fill wrap" :source="note.contents" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div v-else>Loading…</div>
|
||||||
</main>
|
</main>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Reference in New Issue
Block a user