Use ECMAScript 2020 in ESLint

Author: utarwyn

eslint-plugin/.eslintrc.js

@@ -8,6 +8,9 @@ module.exports = {
     "plugin:node/recommended",
     "plugin:prettier/recommended",
   ],
+  parserOptions: {
+    ecmaVersion: 2020,
+  },
   env: {
     node: true,
   },

eslint-plugin/lib/rules/avoid-css-animations.js

@@ -38,7 +38,7 @@ module.exports = {
           (attribute) => attribute.name.name === "style",
         );
 
-        if (styleAttribute && styleAttribute.value.expression) {
+        if (styleAttribute?.value.expression) {
           // To prevent (for example) <div style={{ animate: 'width 2s' }}>
           const property = styleAttribute.value.expression.properties.find(
             (prop) =>

eslint-plugin/lib/rules/avoid-high-accuracy-geolocation.js

@@ -34,9 +34,8 @@ module.exports = {
     return {
       Property(node) {
         if (
-          node &&
-          node.key.name === "enableHighAccuracy" &&
-          node.value.value === true
+          node?.key.name === "enableHighAccuracy" &&
+          node?.value.value === true
         ) {
           context.report({ node, messageId: "AvoidUsingAccurateGeolocation" });
         }

eslint-plugin/lib/rules/no-empty-image-src-attribute.js

@@ -38,7 +38,7 @@ module.exports = {
           const srcValue = node.attributes.find(
             (attr) => attr.name.name === "src",
           );
-          if (srcValue && srcValue.value && srcValue.value.value === "") {
+          if (srcValue?.value?.value === "") {
             //to prevent <img src='' alt='Empty image'/>
             context.report({
               node: srcValue,

eslint-plugin/lib/rules/no-import-all-from-library.js

@@ -54,7 +54,7 @@ module.exports = {
     const notAllowedLibraries = ["lodash", "underscore"];
     const importByNamespaceNotAllowedLibraries = ["lodash-es"];
 
-    if (context.options && context.options.length > 0) {
+    if (context.options?.length > 0) {
       const option = context.options[0];
 
       if (option.notAllowedLibraries) {

eslint-plugin/lib/rules/no-multiple-access-dom-element.js

@@ -45,8 +45,7 @@ module.exports = {
     return {
       CallExpression(node) {
         if (
-          node.callee.object &&
-          node.callee.object.name === "document" &&
+          node.callee.object?.name === "document" &&
           DOMAccessMethods.includes(node.callee.property.name)
         ) {
           const selectorValue = node.arguments[0].value;

eslint-plugin/lib/rules/no-multiple-style-changes.js

@@ -33,12 +33,7 @@ module.exports = {
   },
   create: function (context) {
     function isNodeUseStyleProperty(node) {
-      return (
-        node != null &&
-        node.object != null &&
-        node.object.property != null &&
-        node.object.property.name === "style"
-      );
+      return node?.object?.property?.name === "style";
     }
 
     return {