Markdown Component

マークダウンを使ってコンテンツを表示します。

Nuxt MDC

vue
<script setup lang="ts">
const md = `
# Hello MDC
To use it, carefully check the latest information in the Nuxt MDC documentation and on GitHub.
`;
</script>

<template>
 <!-- https://github.com/nuxt-modules/mdc/issues/183 -->
 <ClientOnly>
  <MDC
   :value="md"
   tag="article"
  />
 </ClientOnly>
</template>