@nuxt/devtools-ui-kit/dist/components/NMarkdown.vue

<a href="https://www.npmjs.com/package/@nuxt/devtools-ui-kit-edge"><img src="https://flat.badgen.net/npm/v/@nuxt/devtools-ui-kit-edge"></a>

<script setup lang="ts">
// This components requires to run in DevTools to render correctly

import { devToolsClient } from '../runtime/client'

defineProps<{
  markdown: string
  tag?: string
}>()
</script>

<template>
  <template v-if="markdown && devToolsClient?.devtools?.renderMarkdown">
    <component :is="tag || 'span'" class="n-markdown" v-html="devToolsClient.devtools.renderMarkdown(markdown)" />
  </template>
  <template v-else>
    <component :is="tag || 'span'" class="n-markdown" v-text="markdown" />
  </template>
</template>