feature/issue 153 import attributes syntax parsing (#157)

* import attributes syntax parsing

* add test case for import attributes

* ESLint support for import attributes

* document custom eslint configuration

* update documentation

* remove .only

* document third party acorn plugin

* clarify spec file

.eslintrc.cjs

@@ -1,9 +1,19 @@
+// need this custom parser configuration until ESLint natively supports import attributes
+// https://github.com/eslint/eslint/discussions/15305#discussioncomment-2508948
 module.exports = {
+  parser: '@babel/eslint-parser',
   parserOptions: {
     ecmaVersion: 2022,
     sourceType: 'module',
     ecmaFeatures: {
       jsx: true
+    },
+    requireConfigFile: false,
+    babelOptions: {
+      plugins: [
+        '@babel/plugin-syntax-import-assertions'
+      ],
+      presets: ['@babel/preset-react']
     }
   },
   env: {

.nvmrc

@@ -1 +1 @@
-18.12.1
+18.20.0

docs/pages/docs.md

@@ -280,11 +280,11 @@ A couple things to observe in the above example:
 ### Prerequisites
 
 There are of couple things you will need to do to use WCC with JSX:
-1. NodeJS version needs to be >= `16.x`
+1. NodeJS version needs to be >= `18.20.0`
 1. You will need to use the _.jsx_ extension
-1. Requires the `--experimental-loaders` flag when invoking NodeJS
+1. Requires the `--loader` flag when invoking NodeJS
     ```shell
-    $ node --experimental-loader ./node_modules/wc-compiler/src/jsx-loader.js server.js
+    $ node --loader ./node_modules/wc-compiler/src/jsx-loader.js server.js
     ```
 
 > _See our [example's page](/examples#jsx) for some usages of WCC + JSX._  👀