diff --git a/src/components/FluxNote.vue b/src/components/FluxNote.vue index 23ffbba..6748bf8 100644 --- a/src/components/FluxNote.vue +++ b/src/components/FluxNote.vue @@ -85,7 +85,7 @@ export default defineComponent({ const refProps = toRefs(props) const store = useUserRepoStore() useUserSettings() - const { renderString } = useMarkdown() + const { renderString } = useMarkdown(props.repo) const { listenToClick } = useLinks('note-display') const { stackedNotes, resetStackedNotes } = useQueryStackedNotes() const { scrollToFocusedNote } = useQueryStackedNotes() diff --git a/src/hooks/useFile.hook.ts b/src/hooks/useFile.hook.ts index f346dbc..c0f345d 100644 --- a/src/hooks/useFile.hook.ts +++ b/src/hooks/useFile.hook.ts @@ -5,7 +5,7 @@ import { useUserRepoStore } from '@/modules/repo/store/userRepo.store' import { getFileContent } from '@/modules/repo/services/repo' export const useFile = (sha: string, retrieveContent = true) => { - const { render } = useMarkdown() + const { render } = useMarkdown(sha) const store = useUserRepoStore() const { getCachedNote, saveCacheNote } = useNoteCache(sha) const fromCache = ref(false) diff --git a/src/hooks/useMarkdown.hook.ts b/src/hooks/useMarkdown.hook.ts index a13cba0..dbe7708 100644 --- a/src/hooks/useMarkdown.hook.ts +++ b/src/hooks/useMarkdown.hook.ts @@ -34,10 +34,14 @@ const md = new MarkdownIt({ }) .use(markdownItFootnote) -export const useMarkdown = () => { +export const useMarkdown = (defaultPrefix?: string) => { return { renderString: (content: string) => (content ? md.render(content) : ''), - render: (content: string) => - content ? md.render(decodeURIComponent(escape(atob(content)))) : '' + render: (content: string, prefix?: string) => + content + ? md.render(decodeURIComponent(escape(atob(content))), { + docId: defaultPrefix ?? prefix ?? '' + }) + : '' } }