Add preact fragment syntax support (#238)

calebeby · Aug 12, 2020 · 7567514 · 7567514
1 parent e7ce78b
commit 7567514
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 3 deletions.
diff --git a/.changeset/fresh-rocks-sparkle.md b/.changeset/fresh-rocks-sparkle.md
@@ -0,0 +1,5 @@
+---
+'eslint-plugin-caleb': minor
+---
+
+Add support for preact fragments syntax
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/config.js b/src/config.js
@@ -42,7 +42,7 @@ module.exports.environments = hoist('jest', jest.environments)
 module.exports.configs = {
   recommended: {
     parserOptions: {
-      ecmaVersion: 2018,
+      ecmaVersion: 2020,
       sourceType: 'module',
       ecmaFeatures: { jsx: true },
     },
@@ -259,7 +259,14 @@ module.exports.configs = {
   },
   preact: {
     plugins: ['caleb'],
-    settings: { react: { pragma: 'h', version: '16' } },
+    settings: {
+      react: {
+        version: '16.13',
+        pragma: 'h',
+        // Problem: the react plugin interprets this as <h.Fragment> so it does not notice <Fragment>
+        fragment: 'Fragment',
+      },
+    },
     extends: 'plugin:caleb/react',
     rules: prefix({
       'react/no-unknown-property': 'off', // preact uses class, for, and dashed svg attributes