<template>
    <el-card>
        <img src="./img/1.png" />
        <div
            class="md-main"
            v-html="htmlStr"
        ></div>
    </el-card>
</template>

<script setup>
import { ref } from 'vue';
import { marked } from 'marked';

const htmlStr = ref('');

fetch('./summer.md', {
    method: 'GET',
}).then((result) => {
    result.text().then((res) => {
        htmlStr.value = marked(res);
    });
});
</script>
