fix: interop default for cjs require

Author: sxzz

src/esbuild.ts

@@ -12,10 +12,11 @@ import LightningCSS from './index'
  * @example
  * ```ts
  * import { build } from 'esbuild'
- *
- * build({
- *   plugins: [require('unplugin-lightningcss/esbuild')()],
- * })
- * ```
+ * import LightningCSS from 'unplugin-lightningcss/esbuild'
+ * 
+ * build({ plugins: [LightningCSS()] })
+```
  */
-export default LightningCSS.esbuild as typeof LightningCSS.esbuild
+const esbuild = LightningCSS.esbuild as typeof LightningCSS.esbuild
+export default esbuild
+export { esbuild as 'module.exports' }

src/farm.ts

@@ -12,11 +12,13 @@ import LightningCSS from './index'
  * @example
  * ```ts
  * // farm.config.js
- * import LightningCSS from 'unplugin-lightningcss/farm'
+ * import Starter from 'unplugin-lightningcss/farm'
  *
  * export default {
- *   plugins: [LightningCSS()],
+ *   plugins: [Starter()],
  * }
  * ```
  */
-export default LightningCSS.farm as typeof LightningCSS.farm
+const farm = LightningCSS.farm as typeof LightningCSS.farm
+export default farm
+export { farm as 'module.exports' }

src/rolldown.ts

@@ -12,11 +12,13 @@ import LightningCSS from './index'
  * @example
  * ```ts
  * // rolldown.config.js
- * import LightningCSS from 'unplugin-lightningcss/rolldown'
+ * import Starter from 'unplugin-lightningcss/rolldown'
  *
  * export default {
- *   plugins: [LightningCSS()],
+ *   plugins: [Starter()],
  * }
  * ```
  */
-export default LightningCSS.rolldown as typeof LightningCSS.rolldown
+const rolldown = LightningCSS.rolldown as typeof LightningCSS.rolldown
+export default rolldown
+export { rolldown as 'module.exports' }

src/rollup.ts

@@ -12,11 +12,13 @@ import LightningCSS from './index'
  * @example
  * ```ts
  * // rollup.config.js
- * import LightningCSS from 'unplugin-lightningcss/rollup'
+ * import Starter from 'unplugin-lightningcss/rollup'
  *
  * export default {
- *   plugins: [LightningCSS()],
+ *   plugins: [Starter()],
  * }
  * ```
  */
-export default LightningCSS.rollup as typeof LightningCSS.rollup
+const rollup = LightningCSS.rollup as typeof LightningCSS.rollup
+export default rollup
+export { rollup as 'module.exports' }

src/rspack.ts

@@ -1,22 +1,24 @@
 /**
- * This entry file is for Vite plugin.
+ * This entry file is for Rspack plugin.
  *
  * @module
  */
 
 import LightningCSS from './index'
 
 /**
- * Vite plugin
+ * Rspack plugin
  *
  * @example
- * ```ts
+ * ```js
  * // rspack.config.js
  * import LightningCSS from 'unplugin-lightningcss/rspack'
  *
- * export default {
- *   plugins: [LightningCSS()],
+ * default export {
+ *  plugins: [LightningCSS()],
  * }
  * ```
  */
-export default LightningCSS.rspack as typeof LightningCSS.rspack
+const rspack = LightningCSS.rspack as typeof LightningCSS.rspack
+export default rspack
+export { rspack as 'module.exports' }

src/vite.ts

@@ -11,12 +11,14 @@ import LightningCSS from './index'
  *
  * @example
  * ```ts
- * // vite.config.js
- * import LightningCSS from 'unplugin-lightningcss/vite'
+ * // vite.config.ts
+ * import Starter from 'unplugin-lightningcss/vite'
  *
- * export default {
- *   plugins: [LightningCSS()],
- * }
+ * export default defineConfig({
+ *   plugins: [Starter()],
+ * })
  * ```
  */
-export default LightningCSS.vite as typeof LightningCSS.vite
+const vite = LightningCSS.vite as typeof LightningCSS.vite
+export default vite
+export { vite as 'module.exports' }

src/webpack.ts

@@ -1,22 +1,24 @@
 /**
- * This entry file is for Vite plugin.
+ * This entry file is for webpack plugin.
  *
  * @module
  */
 
 import LightningCSS from './index'
 
 /**
- * Vite plugin
+ * Webpack plugin
  *
  * @example
- * ```ts
+ * ```js
  * // webpack.config.js
  * import LightningCSS from 'unplugin-lightningcss/webpack'
  *
- * export default {
- *   plugins: [LightningCSS()],
+ * default export {
+ *  plugins: [LightningCSS()],
  * }
  * ```
  */
-export default LightningCSS.webpack as typeof LightningCSS.webpack
+const webpack = LightningCSS.webpack as typeof LightningCSS.webpack
+export default webpack
+export { webpack as 'module.exports' }