docs: rewrite examples with var using let and const (#19407)

Author: MueezJavaidHashmi

docs/src/rules/func-names.md

@@ -113,7 +113,7 @@ Examples of **correct** code for this rule with the `"as-needed"` option:
 ```js
 /*eslint func-names: ["error", "as-needed"]*/
 
-var bar = function() {};
+const bar = function() {};
 
 const cat = {
   meow: function() {}
@@ -192,7 +192,7 @@ Examples of **correct** code for this rule with the `"always", { "generators": "
 ```js
 /*eslint func-names: ["error", "always", { "generators": "as-needed" }]*/
 
-var foo = function*() {};
+const foo = function*() {};
 ```
 
 :::
@@ -204,7 +204,7 @@ Examples of **incorrect** code for this rule with the `"always", { "generators":
 ```js
 /*eslint func-names: ["error", "always", { "generators": "never" }]*/
 
-var foo = bar(function *baz() {});
+const foo = bar(function *baz() {});
 ```
 
 :::
@@ -216,7 +216,7 @@ Examples of **correct** code for this rule with the `"always", { "generators": "
 ```js
 /*eslint func-names: ["error", "always", { "generators": "never" }]*/
 
-var foo = bar(function *() {});
+const foo = bar(function *() {});
 ```
 
 :::
@@ -228,7 +228,7 @@ Examples of **incorrect** code for this rule with the `"as-needed", { "generator
 ```js
 /*eslint func-names: ["error", "as-needed", { "generators": "never" }]*/
 
-var foo = bar(function *baz() {});
+const foo = bar(function *baz() {});
 ```
 
 :::
@@ -240,7 +240,7 @@ Examples of **correct** code for this rule with the `"as-needed", { "generators"
 ```js
 /*eslint func-names: ["error", "as-needed", { "generators": "never" }]*/
 
-var foo = bar(function *() {});
+const foo = bar(function *() {});
 ```
 
 :::
@@ -252,7 +252,7 @@ Examples of **incorrect** code for this rule with the `"never", { "generators":
 ```js
 /*eslint func-names: ["error", "never", { "generators": "always" }]*/
 
-var foo = bar(function *() {});
+const foo = bar(function *() {});
 ```
 
 :::
@@ -264,7 +264,7 @@ Examples of **correct** code for this rule with the `"never", { "generators": "a
 ```js
 /*eslint func-names: ["error", "never", { "generators": "always" }]*/
 
-var foo = bar(function *baz() {});
+const foo = bar(function *baz() {});
 ```
 
 :::

docs/src/rules/func-style.md

@@ -39,7 +39,7 @@ For function expressions, you must define the function before it is used, otherw
 ```js
 doSomething();  // error!
 
-var doSomething = function() {
+const doSomething = function() {
     // ...
 };
 ```
@@ -93,11 +93,11 @@ Examples of **correct** code for this rule with the default `"expression"` optio
 ```js
 /*eslint func-style: ["error", "expression"]*/
 
-var foo = function() {
+const foo = function() {
     // ...
 };
 
-var foo = () => {};
+const foo1 = () => {};
 
 // allowed as allowArrowFunctions : false is applied only for declaration
 ```
@@ -113,11 +113,11 @@ Examples of **incorrect** code for this rule with the `"declaration"` option:
 ```js
 /*eslint func-style: ["error", "declaration"]*/
 
-var foo = function() {
+const foo = function() {
     // ...
 };
 
-var foo = () => {};
+const foo1 = () => {};
 ```
 
 :::
@@ -150,7 +150,7 @@ Examples of additional **correct** code for this rule with the `"declaration", {
 ```js
 /*eslint func-style: ["error", "declaration", { "allowArrowFunctions": true }]*/
 
-var foo = () => {};
+const foo = () => {};
 ```
 
 :::
@@ -182,11 +182,11 @@ Examples of **correct** code for this rule with the `"declaration"` and `{"overr
 ```js
 /*eslint func-style: ["error", "declaration", { "overrides": { "namedExports": "expression" } }]*/
 
-export var foo = function() {
+export const foo = function() {
     // ...
 };
 
-export var bar = () => {};
+export const bar = () => {};
 ```
 
 :::
@@ -200,11 +200,11 @@ Examples of **incorrect** code for this rule with the `"expression"` and `{"over
 ```js
 /*eslint func-style: ["error", "expression", { "overrides": { "namedExports": "declaration" } }]*/
 
-export var foo = function() {
+export const foo = function() {
     // ...
 };
 
-export var bar = () => {};
+export const bar = () => {};
 ```
 
 :::
@@ -232,11 +232,11 @@ Examples of **correct** code for this rule with the `{"overrides": { "namedExpor
 ```js
 /*eslint func-style: ["error", "expression", { "overrides": { "namedExports": "ignore" } }]*/
 
-export var foo = function() {
+export const foo = function() {
     // ...
 };
 
-export var bar = () => {};
+export const bar = () => {};
 
 export function baz() {
     // ...

docs/src/rules/grouped-accessor-pairs.md

@@ -17,7 +17,7 @@ A getter and setter for the same property don't necessarily have to be defined a
 For example, the following statements would create the same object:
 
 ```js
-var o = {
+const o = {
     get a() {
         return this.val;
     },
@@ -27,7 +27,7 @@ var o = {
     b: 1
 };
 
-var o = {
+const o1 = {
     get a() {
         return this.val;
     },
@@ -57,7 +57,7 @@ Examples of **incorrect** code for this rule:
 ```js
 /*eslint grouped-accessor-pairs: "error"*/
 
-var foo = {
+const foo = {
     get a() {
         return this.val;
     },
@@ -67,7 +67,7 @@ var foo = {
     }
 };
 
-var bar = {
+const bar = {
     set b(value) {
         this.val = value;
     },
@@ -107,7 +107,7 @@ Examples of **correct** code for this rule:
 ```js
 /*eslint grouped-accessor-pairs: "error"*/
 
-var foo = {
+const foo = {
     get a() {
         return this.val;
     },
@@ -117,7 +117,7 @@ var foo = {
     b: 1
 };
 
-var bar = {
+const bar = {
     set b(value) {
         this.val = value;
     },
@@ -167,7 +167,7 @@ Examples of **incorrect** code for this rule with the `"getBeforeSet"` option:
 ```js
 /*eslint grouped-accessor-pairs: ["error", "getBeforeSet"]*/
 
-var foo = {
+const foo = {
     set a(value) {
         this.val = value;
     },
@@ -204,7 +204,7 @@ Examples of **correct** code for this rule with the `"getBeforeSet"` option:
 ```js
 /*eslint grouped-accessor-pairs: ["error", "getBeforeSet"]*/
 
-var foo = {
+const foo = {
     get a() {
         return this.val;
     },
@@ -243,7 +243,7 @@ Examples of **incorrect** code for this rule with the `"setBeforeGet"` option:
 ```js
 /*eslint grouped-accessor-pairs: ["error", "setBeforeGet"]*/
 
-var foo = {
+const foo = {
     get a() {
         return this.val;
     },
@@ -280,7 +280,7 @@ Examples of **correct** code for this rule with the `"setBeforeGet"` option:
 ```js
 /*eslint grouped-accessor-pairs: ["error", "setBeforeGet"]*/
 
-var foo = {
+const foo = {
     set a(value) {
         this.val = value;
     },
@@ -318,10 +318,10 @@ might require or miss to require grouping or order for getters/setters that have
 ```js
 /*eslint grouped-accessor-pairs: "error"*/
 
-var a = 1;
+let a = 1;
 
 // false warning (false positive)
-var foo = {
+const foo = {
     get [a++]() {
         return this.val;
     },
@@ -332,7 +332,7 @@ var foo = {
 };
 
 // missed warning (false negative)
-var bar = {
+const bar = {
     get [++a]() {
         return this.val;
     },

docs/src/rules/max-lines-per-function.md

@@ -79,7 +79,7 @@ Examples of **incorrect** code for this rule with a particular max value:
 ```js
 /*eslint max-lines-per-function: ["error", 2]*/
 function foo() {
-    var x = 0;
+    const x = 0;
 }
 ```
 
@@ -91,7 +91,7 @@ function foo() {
 /*eslint max-lines-per-function: ["error", 3]*/
 function foo() {
     // a comment
-    var x = 0;
+    const x = 0;
 }
 ```
 
@@ -104,7 +104,7 @@ function foo() {
 function foo() {
     // a comment followed by a blank line
 
-    var x = 0;
+    const x = 0;
 }
 ```
 
@@ -117,7 +117,7 @@ Examples of **correct** code for this rule with a particular max value:
 ```js
 /*eslint max-lines-per-function: ["error", 3]*/
 function foo() {
-    var x = 0;
+    const x = 0;
 }
 ```
 
@@ -129,7 +129,7 @@ function foo() {
 /*eslint max-lines-per-function: ["error", 4]*/
 function foo() {
     // a comment
-    var x = 0;
+    const x = 0;
 }
 ```
 
@@ -142,7 +142,7 @@ function foo() {
 function foo() {
     // a comment followed by a blank line
 
-    var x = 0;
+    const x = 0;
 }
 ```
 
@@ -158,7 +158,7 @@ Examples of **incorrect** code for this rule with the `{ "skipBlankLines": true
 /*eslint max-lines-per-function: ["error", {"max": 2, "skipBlankLines": true}]*/
 function foo() {
 
-    var x = 0;
+    const x = 0;
 }
 ```
 
@@ -172,7 +172,7 @@ Examples of **correct** code for this rule with the `{ "skipBlankLines": true }`
 /*eslint max-lines-per-function: ["error", {"max": 3, "skipBlankLines": true}]*/
 function foo() {
 
-    var x = 0;
+    const x = 0;
 }
 ```
 
@@ -188,7 +188,7 @@ Examples of **incorrect** code for this rule with the `{ "skipComments": true }`
 /*eslint max-lines-per-function: ["error", {"max": 2, "skipComments": true}]*/
 function foo() {
     // a comment
-    var x = 0;
+    const x = 0;
 }
 ```
 
@@ -202,7 +202,7 @@ Examples of **correct** code for this rule with the `{ "skipComments": true }` o
 /*eslint max-lines-per-function: ["error", {"max": 3, "skipComments": true}]*/
 function foo() {
     // a comment
-    var x = 0;
+    const x = 0;
 }
 ```
 
@@ -217,11 +217,11 @@ Examples of **incorrect** code for this rule with the `{ "IIFEs": true }` option
 ```js
 /*eslint max-lines-per-function: ["error", {"max": 2, "IIFEs": true}]*/
 (function(){
-    var x = 0;
+    const x = 0;
 }());
 
 (() => {
-    var x = 0;
+    const x = 0;
 })();
 ```
 
@@ -234,11 +234,11 @@ Examples of **correct** code for this rule with the `{ "IIFEs": true }` option:
 ```js
 /*eslint max-lines-per-function: ["error", {"max": 3, "IIFEs": true}]*/
 (function(){
-    var x = 0;
+    const x = 0;
 }());
 
 (() => {
-    var x = 0;
+    const x = 0;
 })();
 ```