ViteFonts is not a function

[cssninjastudio]

ViteFonts is not a function

[haunted-loaf]

I encountered the same issue.

I don't understand why the default export doesn't work, but using the named export worked for me:

import { VitePluginFonts } from 'vite-plugin-fonts'

export default {
  plugins: [
    VitePluginFonts({
      google: {
        families: ['Source Sans Pro'],
      },
    }),
  ],
}

[stafyniaksacha]

From looking at the index.ts, VitePluginFonts is exported as the default and ViteFonts isn't exported at all (see below).

Hum, that's wired, the default export should work, maybe it's related to https://www.typescriptlang.org/tsconfig#allowSyntheticDefaultImports

Updating the examples to reflect the right import should address the issue and I don't mind doing it/submitting a PR. For the maintainers, if you would prefer I don't or want to handle it differently, just let me know!

I updated the readme to use the named export, which should work in any cases!
Thanks for the feedback!

[tbusillo]

Experienced the same and as @haunted-loaf mentioned, using VitePluginFonts as a named import worked.

From looking at the index.ts, VitePluginFonts is exported as the default and ViteFonts isn't exported at all (see below).

export {
  VitePluginFonts,
  VitePluginFontsOptions,
}
export default VitePluginFonts

However, the examples in the README all import and make use of ViteFonts, such as in the below.

https://github.com/stafyniaksacha/vite-plugin-fonts/blob/598594bd17ae26050b0d882c56ed827c739247b6/README.md?plain=1#L11-L26)

Updating the examples to reflect the right import should address the issue and I don't mind doing it/submitting a PR. For the maintainers, if you would prefer I don't or want to handle it differently, just let me know!

[tbusillo]

Ah, that's a good catch and may be the issue because you're right, for the default export it shouldn't really matter what you call it when importing it, so long as its being exported. Thinking about it, I think its less of a matter of there not being a default and more that it's not being interpreted/identifiable as a function. I'm not sure why that's the case, but it may have to do with when and/or how the type definitions are being generated via dts when the plugin is built.

Thanks for being so responsive and in case it helps, this is what index.d.ts looks like in dist after build:

declare function VitePluginFonts(options?: VitePluginFontsOptions): Plugin;

export { VitePluginFonts, VitePluginFontsOptions, VitePluginFonts as default };