diff --git a/src/runtime/composables/use-nuxt-markdown.ts b/src/runtime/composables/use-nuxt-markdown.ts
index 0056165..b6559bc 100644
--- a/src/runtime/composables/use-nuxt-markdown.ts
+++ b/src/runtime/composables/use-nuxt-markdown.ts
@@ -38,11 +38,11 @@ export const useNuxtMarkdown = (source: MaybeRefOrGetter<string>, config?: DeepM
   const content = computed(() => md.value.render(toValue(source)))
 
   const rendered = () => {
-    if (configDef.forceHtml || !vueRuntimeCompiler) {
+    if (toValue(configDef.forceHtml) || !vueRuntimeCompiler) {
       return h(configDef.as, { innerHTML: content.value, })
     } else {
       return h({
-        components: configDef.components,
+        components: toValue(configDef.components),
         render: compile(content.value),
       })
     }