From d3c2736138d251b631a9306eb627c1d0883a5628 Mon Sep 17 00:00:00 2001
From: Julien Calixte <juliencalixte@gmail.com>
Date: Thu, 13 May 2021 21:06:10 +0200
Subject: [PATCH] :sparkles: (share) add main content when sharing notes

---
 src/components/FluxNote.vue | 7 ++++++-
 src/views/ShareNotes.vue    | 8 +++++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/components/FluxNote.vue b/src/components/FluxNote.vue
index 63389be..d3b9d4d 100644
--- a/src/components/FluxNote.vue
+++ b/src/components/FluxNote.vue
@@ -74,6 +74,7 @@ export default defineComponent({
     user: { type: String, required: true },
     repo: { type: String, required: true },
     content: { type: String, required: false, default: null },
+    parseContent: { type: Boolean, required: false, default: true },
     withHeader: { type: Boolean, required: false, default: true }
   },
   setup(props) {
@@ -88,7 +89,11 @@ export default defineComponent({
     const { titles } = useNote('note-container')
 
     const renderedContent = computed(() =>
-      props.content !== null ? renderString(props.content) : store.readme
+      props.content !== null
+        ? props.parseContent
+          ? renderString(props.content)
+          : props.content
+        : store.readme
     )
 
     const hasContent = computed(() => !!renderedContent.value)
diff --git a/src/views/ShareNotes.vue b/src/views/ShareNotes.vue
index 10dfd4e..02db7f2 100644
--- a/src/views/ShareNotes.vue
+++ b/src/views/ShareNotes.vue
@@ -12,13 +12,15 @@
       :repo="repo"
       :content="content"
       :with-header="false"
+      :parse-content="false"
     />
   </div>
 </template>
 
 <script lang="ts">
+import { useFile } from '@/hooks/useFile.hook'
 import { useQueryStackedNotes } from '@/hooks/useQueryStackedNotes.hook'
-import { defineAsyncComponent, defineComponent, onMounted, ref } from 'vue'
+import { defineAsyncComponent, defineComponent, onMounted } from 'vue'
 
 const FluxNote = defineAsyncComponent(() => import('@/components/FluxNote.vue'))
 
@@ -32,9 +34,9 @@ export default defineComponent({
     repo: { type: String, required: true },
     note: { type: String, required: true }
   },
-  setup() {
-    const content = ref('Getting stacked notes...')
+  setup(props) {
     const { resetStackedNotes } = useQueryStackedNotes()
+    const { content } = useFile(props.note)
 
     onMounted(() => {
       resetStackedNotes()