Estoy usando "vue3-markdown-it": "^1.0.10" como dependencia para poder generar contenido de descuento en mis componentes de vue.

Agregué lo siguiente en vue.config.json para habilitar la dependencia en el proyecto

 configureWebpack: { module: { rules: [ { test: /\.md$/i, loader: "raw-loader", }, ], }, }

Y tengo el siguiente contenido en Home.vue

 <template> ... <Markdown :source="indice" class="indice"/> <Markdown :source="home"/> ... </template> <script> ... import home_md from '@/markdown/home.md'; import indice_md from '@/markdown/indice.md'; ... data: function() { return { home: home_md, indice: indice_md } }, ... </script>

Y en el archivo de home.md tengo

 ... Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <img src="https://wpdirecto.com/wp-content/uploads/2017/08/alt-de-una-imagen.png"></img> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, ...

Pero solo representa toda la sintaxis de rebajas, pero el html no me representa como lo hace en github, por ejemplo (que es lo que estoy buscando hacer)

vista previa de salida

¿Hay alguna manera de representar como html toda esa cadena que ignora, además de representar toda la parte de descuento?

Entiendo que en lugar de usar <img src="..."></img> puedo usar ![](...) pero este es solo un ejemplo de una necesidad que necesitaré más adelante cuando use <div>