# Nuxt 3 - Prismic not pulling the data

**URL:** <https://community.prismic.io/t/nuxt-3-prismic-not-pulling-the-data/14126>\
**Category:** Developing with Prismic\
**Created:** [September 19, 2023, 4:23pm UTC](https://community.prismic.io/t/nuxt-3-prismic-not-pulling-the-data/14126 "2023-09-19T16:23:07Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![vickywitvicky](https://avatars.discourse-cdn.com/v4/letter/v/4da419/32.png) [@vickywitvicky](https://community.prismic.io/u/vickywitvicky)\
**Post date:** [September 19, 2023, 4:23pm UTC](https://community.prismic.io/t/nuxt-3-prismic-not-pulling-the-data/14126/1 "2023-09-19T16:23:07Z")

</div>

Hi im kind a confuse it seems im getting errors and not fetching any data from prismic.  
may i know how to fix this.  
Below is my github file

> **[GitHub - vickykeen/prismicNuxt](https://github.com/vickykeen/prismicNuxt)**
>
> Contribute to vickykeen/prismicNuxt development by creating an account on GitHub.

---

<div class="post-metadata">

**Author:** ![Levi](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/levi/32/24_2.png) [@Levi](https://community.prismic.io/u/Levi)\
**Post date:** [September 20, 2023, 7:37am UTC](https://community.prismic.io/t/nuxt-3-prismic-not-pulling-the-data/14126/3 "2023-09-20T07:37:09Z")

</div>

Hi @vickywitvicky,

I took a look and you just need to modify what you're putting into the `getByUID` helper function. Here are the docs for [query helpers](https://prismic.io/docs/nuxt-3-fetch-data#query-helpers).

When you use `getByUID`, the first parameter is the id of your custom type. In your case: "homemain". Then the second parameter is the uid that you added in Prismic. In your case: "home". So the query should look something like this:

```auto
client.getByUID("homemain", "home")

```

Give that a try and let me know if it works for you. And let me know if you have any questions about this or anything else.

Cheers,  
Levi

---

<div class="post-metadata">

**Author:** ![vickywitvicky](https://avatars.discourse-cdn.com/v4/letter/v/4da419/32.png) [@vickywitvicky](https://community.prismic.io/u/vickywitvicky)\
**Post date:** [September 20, 2023, 4:08pm UTC](https://community.prismic.io/t/nuxt-3-prismic-not-pulling-the-data/14126/5 "2023-09-20T16:08:31Z")

</div>

Hi Mr @Levi  
Thank you very much another thing how to implement items from Repeatable Zone  
Let say i have create slice.items[i].image and below code using Nuxt image sorry

```auto
<div v-for="(imageSource, index) in imageSources" :key="index" > 
<NuxtImg src="" /> 
</div>

```

thank you

---

<div class="post-metadata">

**Author:** ![Phil](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/phil/32/14_2.png) [@Phil](https://community.prismic.io/u/Phil)\
**Post date:** [September 21, 2023, 12:01pm UTC](https://community.prismic.io/t/nuxt-3-prismic-not-pulling-the-data/14126/7 "2023-09-21T12:01:26Z")

</div>

Hi @vickywitvicky ,

To template your repeatable images, you can use PrismicImage and a `for` loop like you suggested:

```auto
<div
  v-for="item in slice.items"
  :key="item.image.url ?? undefined"
>
  <PrismicImage :field="item.image" />
</div>

```

Thanks.

---

<div class="post-metadata">

**Author:** ![vickywitvicky](https://avatars.discourse-cdn.com/v4/letter/v/4da419/32.png) [@vickywitvicky](https://community.prismic.io/u/vickywitvicky)\
**Post date:** [September 21, 2023, 1:26pm UTC](https://community.prismic.io/t/nuxt-3-prismic-not-pulling-the-data/14126/8 "2023-09-21T13:26:54Z")

</div>

Hi Mr @Phil  
Thank you very much its solve the problem.

---

<div class="post-metadata">

**Author:** ![vickywitvicky](https://avatars.discourse-cdn.com/v4/letter/v/4da419/32.png) [@vickywitvicky](https://community.prismic.io/u/vickywitvicky)\
**Post date:** [September 21, 2023, 3:18pm UTC](https://community.prismic.io/t/nuxt-3-prismic-not-pulling-the-data/14126/9 "2023-09-21T15:18:25Z")

</div>

And one last thing Mr @Phil sorry for the rookie questions,  
if i wanted to download image from prismic let say i have upload an image called imaginary.jpg then i wanted to download the image as it is with the same ext (jpg) using download button is it possible to do so or not something like unsplash when click you can download.

---

<div class="post-metadata">

**Author:** ![Phil](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/phil/32/14_2.png) [@Phil](https://community.prismic.io/u/Phil)\
**Post date:** [September 21, 2023, 4:43pm UTC](https://community.prismic.io/t/nuxt-3-prismic-not-pulling-the-data/14126/10 "2023-09-21T16:43:24Z")

</div>

You can make a vue download button and pass the image URL from prismic to that button and make sure to append the image format to the image URL string so you have the format you want:

> **[Output Format | Format Parameters | Rendering API Documentation](https://docs.imgix.com/apis/rendering/format/fm)**
>
> Changes the format of the output image.

---

<div class="post-metadata">

**Author:** ![vickywitvicky](https://avatars.discourse-cdn.com/v4/letter/v/4da419/32.png) [@vickywitvicky](https://community.prismic.io/u/vickywitvicky)\
**Post date:** [September 22, 2023, 2:05pm UTC](https://community.prismic.io/t/nuxt-3-prismic-not-pulling-the-data/14126/11 "2023-09-22T14:05:34Z")

</div>

Thank you very much Mr @Phil. I will try.