Nuxt content images are not loading - Nuxt Content v3.3.0
Hi,
I'm creating a blog with nuxt content but when I'm using an image in the .md file they are not loading/
Below is first-blog.md file with all options I have tried:
Below my content.config.ts
Below us how my [...slug].vue looks like
Help please
I'm creating a blog with nuxt content but when I'm using an image in the .md file they are not loading/
Below is first-blog.md file with all options I have tried:
---
title: "How Netflix Uses Java - JavaOne 2025"
---
Testing content---
title: "How Netflix Uses Java - JavaOne 2025"
---
Testing contentBelow my content.config.ts
import { defineContentConfig, defineCollection, z } from '@nuxt/content'
export default defineContentConfig({
collections: {
blog: defineCollection({
source: 'blog/*.md',
type: 'page'
}),
}
})import { defineContentConfig, defineCollection, z } from '@nuxt/content'
export default defineContentConfig({
collections: {
blog: defineCollection({
source: 'blog/*.md',
type: 'page'
}),
}
})Below us how my [...slug].vue looks like
<script setup>
const route = useRoute()
console.log(route.path)
const { data: page } = await useAsyncData(route.path, () => {
// console.log('querying collection foor', route.path)
const collection = queryCollection('blog').path(route.path).first();
// console.log('collection', collection)
return collection
})
</script>
<template>
<main class="max-w-[1200px] mx-auto">
<ContentRenderer v-if="page" :value="page" />
</main>
</template><script setup>
const route = useRoute()
console.log(route.path)
const { data: page } = await useAsyncData(route.path, () => {
// console.log('querying collection foor', route.path)
const collection = queryCollection('blog').path(route.path).first();
// console.log('collection', collection)
return collection
})
</script>
<template>
<main class="max-w-[1200px] mx-auto">
<ContentRenderer v-if="page" :value="page" />
</main>
</template>Help please
