Declarations mismatch when used with Typescript

[susnux]

The Typescript compiler complains about a mismatch of the viteMetadata declaration, your declaration is missing the ?:

> tsc

node_modules/vite-plugin-css-injected-by-js/dist/esm/declarations/interface.d.ts:7:9 - error TS2687: All declarations of 'viteMetadata' must have identical modifiers.

7         viteMetadata: ChunkMetadata;
          ~~~~~~~~~~~~

node_modules/vite/types/metadata.d.ts:8:5 - error TS2687: All declarations of 'viteMetadata' must have identical modifiers.

8     viteMetadata?: ChunkMetadata
      ~~~~~~~~~~~~


Found 2 errors in 2 files.

[marco-prontera]

HI! From which version of Vite does this problem occur?
Can you give me an example of how you use this plugin?

[susnux]

From which version of Vite does this problem occur?

Hey, I am using the latest version 4.3.9

Can you give me an example of how you use this plugin?

I have a shared config for multiple projects which looks like this:

import injectCSSPlugin from 'vite-plugin-css-injected-by-js'

export const sharedConfig = ( /* */ ) => {
    // ...
    const plugins = []
    if ( /* */) {
        plugins.push(injectCSSPlugin())
    }
    // ...
    return defineConfig({
        // ...
        plugins = [
            ...plugins
        ],
        // ...
    })
}

which is then used like this for the vite.config.ts:

import { sharedConfig } from 'my-shared-config'

export default sharedConfig()

[marco-prontera]

Ok I will check if the changes proposed are safe just to be sure

[marco-prontera]

@susnux Can you try npm i vite-plugin-css-injected-by-js@3.1.2-beta.0 , please? Tell me if the problem still occurs please

[susnux]

@susnux works for me :)

[marco-prontera]

@susnux I'm sorry, I've been very busy. Here the new version https://www.npmjs.com/package/vite-plugin-css-injected-by-js/v/3.1.2.
Thank you so much for the contribution, everything will be appreciated!