Nuxt content images are not loading - Nuxt Content v3.3.0

---
title: "How Netflix Uses Java - JavaOne 2025"
---




![Banner for post](profile.png)
![A Cool Imeeeageqas](/public/profile.png)
![A Cool Imeeeagwwe](../../public/profile.png)
![A Cool Imeeeadasdasge]('../../public/profile.png')
![A Cool Imeeeageww](@/public/fivem-client-download-button.jpg)
![A Cool Imeeeage](~/public/fivem-client-download-button.jpg)
![A Cool Imeeeage](~/assets/images/profile.png)



Testing content

import { defineContentConfig, defineCollection, z } from '@nuxt/content'

export default defineContentConfig({
  collections: {

    blog: defineCollection({
      source: 'blog/*.md',
      type: 'page'
    }),
  
  }
})

<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>