# Nuxt.config.js \`$prismic is not defined\` error

**URL:** <https://community.prismic.io/t/nuxt-config-js-prismic-is-not-defined-error/6397>\
**Category:** Developing with Prismic\
**Tags:** nuxtjs\
**Created:** [July 26, 2021, 9:03am UTC](https://community.prismic.io/t/nuxt-config-js-prismic-is-not-defined-error/6397 "2021-07-26T09:03:08Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![jackdomleo7](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/jackdomleo7/32/2624_2.png) [@jackdomleo7](https://community.prismic.io/u/jackdomleo7)\
**Post date:** [July 26, 2021, 9:03am UTC](https://community.prismic.io/t/nuxt-config-js-prismic-is-not-defined-error/6397/1 "2021-07-26T09:03:08Z")

</div>

Project details:

- `"@nuxtjs/prismic": "^1.3.1"`
- `"nuxt": "^2.15.7"`
- `"typescript": "^4.3.5"`
- `"@nuxtjs/sitemap": "^2.4.0"`

I'm using the repeatable type in Prismic for pages such as policy and blog pages. I want to make sure the routes are generated in my Nuxt project and appear in the sitemap. The sitemap works without any of the below code but it doesn't show the policy routes.

```nohighlight
// nuxt.config.js
generate: {
  async routes () {
    let generatedRoutes = []

    // Policy pages
    let policies = await $prismic.api.query(
      $prismic.predicates.at('document.type','policy')
    )
    policies = policies.results.map(page => page.uid)
    policies.forEach(policyUid => {
      generatedRoutes.push(`/policies/${policyUid}`)
    });

    return generatedRoutes
  }
}

```

But I'm getting an error when accessing `/sitemap.xml`, I get a `$prismic is not defined error`. I felt adding `const { $prismic } = require('@nuxtjs/prismic')` would have resolved this:

```nohighlight
// nuxt.config.js
generate: {
  async routes () {
    const { $prismic } = require('@nuxtjs/prismic')
    let generatedRoutes = []

    // Policy pages
    let policies = await $prismic.api.query(
      $prismic.predicates.at('document.type','policy')
    )
    policies = policies.results.map(page => page.uid)
    policies.forEach(policyUid => {
      generatedRoutes.push(`/policies/${policyUid}`)
    });

    return generatedRoutes
  }
}

```

But the error is now `Cannot read property api of undefined`. Any ideas of getting around this?

---

<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:** [July 27, 2021, 9:51am UTC](https://community.prismic.io/t/nuxt-config-js-prismic-is-not-defined-error/6397/3 "2021-07-27T09:51:50Z")

</div>

4 posts were merged into an existing topic: [Generate sitemap according prismic data in Nuxt](https://community.prismic.io/t/generate-sitemap-according-prismic-data-in-nuxt/5543)

---

<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:** [July 27, 2021, 9:52am UTC](https://community.prismic.io/t/nuxt-config-js-prismic-is-not-defined-error/6397/8 "2021-07-27T09:52:06Z")

</div>



---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/system/32/1746_2.png) [@system](https://community.prismic.io/u/system)\
**Post date:** [December 9, 2021, 3:34pm UTC](https://community.prismic.io/t/nuxt-config-js-prismic-is-not-defined-error/6397/9 "2021-12-09T15:34:02Z")

</div>