googleFonts does not exist in type 'NuxtConfig'

package.json "@nuxtjs/google-fonts": "^3.0.0-1",

nuxt.config.ts modules: ["@nuxtjs/google-fonts"],

googleFonts: {
    display: 'swap',
    useStylesheet: true,
    inject: true,
    download: true,
    families: {
        'Inter': [300, 400, 500, 600, 700],
        'Open Sans': [300, 400, 500, 600, 700]
    }

error: Object literal may only specify known properties, and ‘googleFonts’ does not exist in type 'NuxtConfig’

[eli-me]

After reading the issues a little bit I could find the reason of the problem with Nuxt3, it’s because you have to install the pre-release version of this package, see below:

For Nuxt 3 you need to install version 3 of this module (prerelease tag) and it will work

npm install --save-dev @nuxtjs/google-fonts@prerelease

_Originally posted by @iamandrewluca in https://github.com/nuxt-community/google-fonts-module/issues/107#issuecomment-1300924762_

[SPH73]

Even with the prerelease tag, Nuxt can’t spin up the dev server.

Cannot restart nuxt: Cannot find module '/.../webapp/node_modules/@nuxtjs/google-fonts/dist/module.js'. Please verify that the package.json has a valid "main" entry

nuxt.config.ts
export default defineNuxtConfig({
  modules: ['@nuxtjs/tailwindcss', "@nuxtjs/google-fonts"],
}

package.json
"devDependencies": {
    "@nuxtjs/google-fonts": "^3.0.0-1",
}