TypeError: _this.$content is not a function - Nuxt.js Content-CodePudding

I am trying to use Nuxt.js Content in my project. The problem is that when I try to use $content method in my project the TypeError: _this.$content is not a function occurs:

 async fetch() {
    this.content = await this.$content('data').fetch()
  },

I imported the @nuxt/content in nuxt config and in typescript config.

nuxt.config.js

export default {
  modules: ['@nuxt/content']
}

tsconfig.json

{
  "compilerOptions": {
    "types": ["@nuxt/types", "@types/node", "@nuxt/content"]
  }
}

CodePudding user response：

Nuxt content v2 needs Nuxt3. If you're using Nuxt2, you should use the v1.

As stated at the end of this page: https://content.nuxtjs.org/get-started#render-pages