Cannot read 'resolveAlias' when using with Nuxt 3

I want to add google-fonts to my Nuxt 3 project and follow the docs.

I added a font like this

googleFonts: {
    download: true,
    display: 'swap',
    families: {
        Montserrat: {
            wght: [400,500,600],
            ital: [400,500,600]
        },
    }
}

But when I try to run the project in dev mode I get an error

Cannot start nuxt: Cannot read properties of undefined (reading ‘resolveAlias’) at node_modules@nuxtjs\google-fonts\dist\module.js:59:44

and this is what the line looks like

const outputDir = this.nuxt.resolver.resolveAlias(options.outputDir);

[lightcode22]

could you please put this information somewhere on the module website or github page? It will save someone’s time and nerves one day

[iamandrewluca]

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