chore: upgrade eslint from v8 to v9

Author: ersachin3112

.eslintignore

@@ -28,7 +28,7 @@ module.exports = {
             loader: "style-loader",
             options: {
               injectType: "styleTag",
-              styleTagTransform: function (css, style) {
+              styleTagTransform (css, style) {
                 // Do something ...
                 style.innerHTML = `${css}.modify{}\n`;
 
@@ -50,7 +50,7 @@ After:
 
 ```js
 function insert(css, style) {
-  var parent = options.target || document.head;
+  const parent = options.target || document.head;
 
   parent.appendChild(element);
 }
@@ -100,7 +100,7 @@ module.exports = {
             loader: "style-loader",
             options: {
               injectType: "styleTag",
-              styleTagTransform: function (css, style) {
+              styleTagTransform (css, style) {
                 // Do something ...
                 style.innerHTML = `${css}.modify{}\n`;
 

.eslintrc.js

@@ -555,9 +555,9 @@ Insert styles at top of `head` tag:
 
 ```js
 function insertAtTop(element) {
-  var parent = document.querySelector("head");
-  // eslint-disable-next-line no-underscore-dangle
-  var lastInsertedElement = window._lastElementInsertedByStyleLoader;
+  const parent = document.querySelector("head");
+
+  const lastInsertedElement = globalThis._lastElementInsertedByStyleLoader;
 
   if (!lastInsertedElement) {
     parent.insertBefore(element, parent.firstChild);
@@ -567,8 +567,7 @@ function insertAtTop(element) {
     parent.appendChild(element);
   }
 
-  // eslint-disable-next-line no-underscore-dangle
-  window._lastElementInsertedByStyleLoader = element;
+  globalThis._lastElementInsertedByStyleLoader = element;
 }
 
 module.exports = insertAtTop;
@@ -603,7 +602,7 @@ You can pass any parameters to `style.use(options)` and this value will be passe
 
 ```js
 function insertIntoTarget(element, options) {
-  var parent = options.target || document.head;
+  const parent = options.target || document.head;
 
   parent.appendChild(element);
 }
@@ -844,6 +843,7 @@ For `development` mode (including `webpack-dev-server`), you can use `style-load
 
 ```js
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+
 const devMode = process.env.NODE_ENV !== "production";
 
 module.exports = {
@@ -860,7 +860,7 @@ module.exports = {
       },
     ],
   },
-  plugins: [].concat(devMode ? [] : [new MiniCssExtractPlugin()]),
+  plugins: [devMode ? [] : [new MiniCssExtractPlugin()]].flat(),
 };
 ```
 
@@ -891,7 +891,7 @@ module.exports = {
 **index.js**
 
 ```js
-import { fooBaz, bar, "my-class" as myClass } from "./styles.css";
+import { bar, fooBaz, "my-class" as myClass } from "./styles.css";
 
 console.log(fooBaz, bar, myClass);
 ```
@@ -1073,8 +1073,8 @@ Insert styles at top of `head` tag.
 
 ```js
 function insertAtTop(element) {
-  var parent = document.querySelector("head");
-  var lastInsertedElement = window._lastElementInsertedByStyleLoader;
+  const parent = document.querySelector("head");
+  const lastInsertedElement = globalThis._lastElementInsertedByStyleLoader;
 
   if (!lastInsertedElement) {
     parent.insertBefore(element, parent.firstChild);
@@ -1084,7 +1084,7 @@ function insertAtTop(element) {
     parent.appendChild(element);
   }
 
-  window._lastElementInsertedByStyleLoader = element;
+  globalThis._lastElementInsertedByStyleLoader = element;
 }
 
 module.exports = insertAtTop;
@@ -1124,7 +1124,7 @@ function insertBeforeAt(element) {
   const parent = document.querySelector("head");
   const target = document.querySelector("#id");
 
-  const lastInsertedElement = window._lastElementInsertedByStyleLoader;
+  const lastInsertedElement = globalThis._lastElementInsertedByStyleLoader;
 
   if (!lastInsertedElement) {
     parent.insertBefore(element, target);
@@ -1134,7 +1134,7 @@ function insertBeforeAt(element) {
     parent.appendChild(element);
   }
 
-  window._lastElementInsertedByStyleLoader = element;
+  globalThis._lastElementInsertedByStyleLoader = element;
 }
 
 module.exports = insertBeforeAt;
@@ -1171,7 +1171,7 @@ You can define custom target for your styles when using the `lazyStyleTag` type.
 
 ```js
 function insertIntoTarget(element, options) {
-  var parent = options.target || document.head;
+  const parent = options.target || document.head;
 
   parent.appendChild(element);
 }

CHANGELOG.md

@@ -0,0 +1,8 @@
+import { defineConfig } from "eslint/config";
+import configs from "eslint-config-webpack/configs.js";
+
+export default defineConfig([
+  {
+    extends: [configs["recommended-dirty"]],
+  },
+]);