Doc : notes de versions : créer un composant qui récupère un .md et le converti en html

[DavidFyon]

Ex d'utiliation dans la doc :

<doc-markdown-viewer url="https://github.com/assurance-maladie-digital/design-system/blob/v2-bridge/packages/synapse-bridge/CHANGELOG.md"></doc-markdown-viewer>

src/components/global/DocMarkdownViewer.vue

Base de code :

<template>
	<div>
		<div v-html="renderedMarkdown"></div>
	</div>
</template>

<script lang="ts">
import Vue from 'vue';
import Component from 'vue-class-component';

@Component
export default class MarkdownViewer extends Vue {
	renderedMarkdown: string = '';

	mounted() {
		this.fetchAndRenderMarkdown();
	}

	async fetchAndRenderMarkdown() {
		try {
			const response = await fetch('https://github.com/assurance-maladie-digital/design-system/blob/v2-bridge/packages/synapse-bridge/CHANGELOG.md', {
				headers: {
					'Access-Control-Allow-Origin': '*'
				}
			});
			const markdownContent = await response.text();
			this.renderedMarkdown = this.markdownToHtml(markdownContent);
		} catch (error) {
			console.error('Error fetching Markdown file:', error);
		}
	}

	markdownToHtml(markdown: string): string {
		// TODO : convert to html
		return markdown;
	}
}
</script>