Pug extractor not working with type="module" in package.json

[davay42]

Describe the bug
I've been struggling with windicss not producing styles for my lang="pug" Vue SFCs in my components library. Manually adding the WindiCSS({ extract: [PugExtractor], }), didn't help. But then I looked through the extractor code and saw the dynamic require of pug. This lead me to try to remove "type="module" line in my package.json and all the styles got generated just fine.

Actual repo
https://github.com/DeFUCC/gun-vue/tree/master/components

Versions

• vite-plugin-windicss: ^1.6.2
• vite: ^2.7.10
• framework(vue/react/svelte/etc): vue

Additonal Context

[theozhang32]

Seems like
#266 (comment)

[theozhang32]

I tried these

1. use import { createRequire } from 'node:module'
2. replace require.resolve('pug') to createRequire(import.meta.url).resolve('pug')

   vite-plugin-windicss/packages/plugin-utils/src/extractors/helper.ts

   Line 18 in d5ad27b

   require.resolve('pug')

3. replace require('pug') to createRequire(import.meta.url)('pug')

   vite-plugin-windicss/packages/plugin-utils/src/extractors/pug.ts

   Line 8 in d5ad27b

   const Pug = require('pug') as typeof import('pug')

Reference from https://stackoverflow.com/questions/59443525/require-not-working-in-module-type-nodejs-script