Moved from CJS to ESM

That is where the puck is going.

Author: Sam Goody

package.json

@@ -3,8 +3,9 @@
   "version": "0.0.1",
   "description": "Tailwind plugin which enables setting CSS rules for all children in parent",
   "main": "index.js",
+  "type": "module",
   "scripts": {
-    "test": "jest"
+    "test": "node --experimental-vm-modules  ./node_modules/.bin/jest"
   },
   "repository": {
     "type": "git",
@@ -29,4 +30,4 @@
     "postcss": "^8.4.6",
     "tailwindcss": "^3.0.18"
   }
-}
+}

src/index.js

@@ -1,10 +1,10 @@
-const plugin = require('tailwindcss/plugin');
+import { default as plugin } from 'tailwindcss/plugin'
 
 const aliases = ['children', 'child'];
 
 let variants = [
     ...aliases.map(v => [v, '& > *'])
     ]
 
-module.exports = plugin(({ addVariant }) =>
+export default plugin(({ addVariant }) =>
     variants.forEach(v => addVariant.apply(null, v)));

tests/test.js

@@ -1,24 +1,24 @@
-const fs = require('fs');
-const path = require('path');
-const postcss = require('postcss');
-const tailwind = require('tailwindcss');
-const children = require('../src/index.js');
+import { readFileSync } from 'fs';
+import { resolve } from 'path';
+import postcss from 'postcss';
+import tailwind from 'tailwindcss';
+import children from '../src/index.js';
 
-const cssMatch = require('jest-matcher-css')
+import cssMatch from 'jest-matcher-css';
 expect.extend({ cssMatch })
 
 test('variants', async () => {
 
     let config = {
-        content: [path.resolve(__dirname, './test.html')],
         plugins: [children],
+        content: [resolve('./tests/test.html')],
         }
 
     let input = '@tailwind utilities'
 
     let result = await postcss(tailwind(config)).process(input, {from: undefined})
 
     // console.log(result.css, 'result.css')
-    let expected = fs.readFileSync(path.resolve(__dirname, './test.css'), 'utf8')
+    let expected = readFileSync(resolve('./tests/test.css'), 'utf8')
     expect(result.css).cssMatch(expected)
     })