我正在使用nuxt.js/content构建博客,我想使用插件color mode应用暗模式。
如何将深色模式应用于文章?
我试图做dark: prose-dark
,没有工作。
<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>