I'm building a blog using nuxt.js/content, I want to apply dark mode using the plugin color mode.
how can I apply the dark mode to the articles?
I tried to do dark: prose-dark, didn't work.
<script>
export default {
async asyncData({ $content, params }) {
const post = await $content('posts', params.slug).fetch()
return { post }
}
}
</script>
<template>
<div class="wrapper p-5 mt-20">
<div class="max-w-screen-lg mx-auto px-3 py-5">
<h1 class="text-6xl text-gray-800 font-medium"> {{ post.title }}</h1>
<div class="img max-w-full mx-auto m-5">
<img :src="require(`~/assets/${post.cover}`)" :alt="post.title" class="rounded-xl shadow-lg">
</div>
</div>
<nuxt-content class="prose prose-lg max-w-screen-lg mx-auto px-3 my-5" :document="post" />
</div>
</template>
