How can I render a text of markdown in nuxt v3

[mohammedhkmet]

Body

Make sure it is rendering on the server side for SEO reasons.

<script setup lang="ts">
const markdown = "# hello world"
</script>

<template>
  <LayoutContent>
    <!-- renders "markdown" here -->
  </LayoutContent>
</template>

I wanted to compile "markdown" into html and render it inside a LayoutContent component.
In addition, I want it to support code highlight.

Guidelines

• I have read and understood this category's guidelines before making this post.

[ebndev]

Hi @mohammedhkmet, thanks for being a part of the GitHub Community!

While we appreciate you wanting to contribute to Discussions, please note: We made the decision to disable the ability to earn Achievements in our Community in order to discourage users from participating in coordinated or inauthentic activity like rapid questions and answers in order to earn badges. You can learn more about this decision in our announcement post here Achievements will no longer be available in the Community.

Note that GitHub's Acceptable Use Policies prohibits coordinated or inauthentic activity like rapid questions and answers. As a result, we'll be unmarking the answer and locking this, and other related posts. 

Any future violations may result in a temporary or indefinite block from the Community. Thanks for understanding.