Can I use useContent() and ContentRendererMarkdown?

<template>
    <div class="w-full">
        <ContentRendererMarkdown :value="data">
            <template #empty>
                <p>No content found.</p>
            </template>
        </ContentRendererMarkdown>
        <ContentSlot unwrap="p" />
    </div>
</template>
<script setup>
const props = defineProps({
    url: String
})
const { data } = await useAsyncData('article', () => queryContent('/external-markdown-files/' + props.url).findOne())
</script>

:GetCustom{url="article1"}

## Some heading

## Heading 1
test
## Heading 2