From 8ed11772b622ea668fa4f1da7c285f2d3c5d1b2f Mon Sep 17 00:00:00 2001
From: ItMaga <m-chemurziev@ya.ru>
Date: Sun, 28 May 2023 00:00:11 +0300
Subject: [PATCH 1/5] Add 'vue/no-console` rule

---
 docs/rules/index.md           |   1 +
 docs/rules/no-console.md      |  30 ++++++++
 lib/index.js                  |   1 +
 lib/rules/no-console.js       |  43 ++++++++++++
 tests/lib/rules/no-console.js | 128 ++++++++++++++++++++++++++++++++++
 5 files changed, 203 insertions(+)
 create mode 100644 docs/rules/no-console.md
 create mode 100644 lib/rules/no-console.js
 create mode 100644 tests/lib/rules/no-console.js

diff --git a/docs/rules/index.md b/docs/rules/index.md
index d73923f19..c3e4b8ed7 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -299,6 +299,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/keyword-spacing](./keyword-spacing.md) | Enforce consistent spacing before and after keywords in `<template>` | :wrench: | :lipstick: |
 | [vue/max-len](./max-len.md) | enforce a maximum line length in `.vue` files |  | :lipstick: |
 | [vue/multiline-ternary](./multiline-ternary.md) | Enforce newlines between operands of ternary expressions in `<template>` | :wrench: | :lipstick: |
+| [vue/no-console](./no-console.md) | Disallow the use of `console` in `<template>` |  | :hammer: |
 | [vue/no-constant-condition](./no-constant-condition.md) | Disallow constant expressions in conditions in `<template>` |  | :warning: |
 | [vue/no-empty-pattern](./no-empty-pattern.md) | Disallow empty destructuring patterns in `<template>` |  | :warning: |
 | [vue/no-extra-parens](./no-extra-parens.md) | Disallow unnecessary parentheses in `<template>` | :wrench: | :lipstick: |
diff --git a/docs/rules/no-console.md b/docs/rules/no-console.md
new file mode 100644
index 000000000..f0fb2d0e7
--- /dev/null
+++ b/docs/rules/no-console.md
@@ -0,0 +1,30 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-console
+description: Disallow the use of `console` in `<template>`
+---
+# vue/no-console
+
+> Disallow the use of `console` in `<template>`
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule is the same rule as core [no-console] rule but it applies to the expressions in `<template>`.
+
+</eslint-code-block>
+
+## :books: Further Reading
+
+- [no-console]
+
+[no-console]: https://eslint.org/docs/latest/rules/no-console
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-console.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-console.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/no-console)</sup>
diff --git a/lib/index.js b/lib/index.js
index 7bd0fa3b8..8ac5d9383 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -66,6 +66,7 @@ module.exports = {
     'no-boolean-default': require('./rules/no-boolean-default'),
     'no-child-content': require('./rules/no-child-content'),
     'no-computed-properties-in-data': require('./rules/no-computed-properties-in-data'),
+    'no-console': require('./rules/no-console'),
     'no-constant-condition': require('./rules/no-constant-condition'),
     'no-custom-modifiers-on-v-model': require('./rules/no-custom-modifiers-on-v-model'),
     'no-deprecated-data-object-declaration': require('./rules/no-deprecated-data-object-declaration'),
diff --git a/lib/rules/no-console.js b/lib/rules/no-console.js
new file mode 100644
index 000000000..fd12ec6eb
--- /dev/null
+++ b/lib/rules/no-console.js
@@ -0,0 +1,43 @@
+/**
+ * @author ItMaga <https://github.com/ItMaga>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../utils')
+
+module.exports = utils.wrapCoreRule('no-console', {
+  create(context) {
+    const options = context.options[0] || {}
+    const allowed = options.allow || []
+
+    /**
+     * Copied from the core rule `no-console`.
+     * Checks whether the property name of the given MemberExpression node
+     * is allowed by options or not.
+     * @param {MemberExpression} node The MemberExpression node to check.
+     * @returns {boolean} `true` if the property name of the node is allowed.
+     */
+    function isAllowed(node) {
+      const propertyName = utils.getStaticPropertyName(node)
+
+      return propertyName && allowed.includes(propertyName)
+    }
+
+    return {
+      MemberExpression(node) {
+        if (
+          node.object.type === 'Identifier' &&
+          node.object.name === 'console' &&
+          !isAllowed(node)
+        ) {
+          context.report({
+            node: node.object,
+            loc: node.object.loc,
+            messageId: 'unexpected'
+          })
+        }
+      }
+    }
+  }
+})
diff --git a/tests/lib/rules/no-console.js b/tests/lib/rules/no-console.js
new file mode 100644
index 000000000..452ac9713
--- /dev/null
+++ b/tests/lib/rules/no-console.js
@@ -0,0 +1,128 @@
+/**
+ * @author ItMaga <https://github.com/ItMaga>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-console')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-console', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="Console.log">button</button>
+      </template>
+      `,
+      options: [{ allow: ['log'] }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button>{{ console.warn('warn') }}</button>
+      </template>
+      `,
+      options: [{ allow: ['warn'] }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button :foo="console.error">button</button>
+      </template>
+      `,
+      options: [{ allow: ['error'] }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button :foo="console.log">{{ console.log('test') }}</button>
+        {{ console.warn('test') }}
+        {{ console.info('test') }}
+      </template>
+      `,
+      options: [{ allow: ['log', 'warn', 'info'] }]
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="console.log">button</button>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected console statement.',
+          line: 3,
+          column: 25
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button :foo="console.log">{{ console.log('test') }}</button>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected console statement.',
+          line: 3,
+          column: 23
+        },
+        {
+          message: 'Unexpected console statement.',
+          line: 3,
+          column: 39
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="() => console.log">button</button>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected console statement.',
+          line: 3,
+          column: 31
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <button @click="console.log">button</button>
+        {{ console.error('test') }}
+      </template>
+      `,
+      options: [{ allow: ['error'] }],
+      errors: [
+        {
+          message: 'Unexpected console statement.',
+          line: 3,
+          column: 25
+        }
+      ]
+    }
+  ]
+})

From 7a6335b9c4a86032a5791eb7e136c07c1946652d Mon Sep 17 00:00:00 2001
From: ItMaga <m-chemurziev@ya.ru>
Date: Sun, 28 May 2023 00:05:55 +0300
Subject: [PATCH 2/5] add `eslint-disable`

---
 lib/rules/no-console.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/lib/rules/no-console.js b/lib/rules/no-console.js
index fd12ec6eb..cf4254035 100644
--- a/lib/rules/no-console.js
+++ b/lib/rules/no-console.js
@@ -6,6 +6,7 @@
 
 const utils = require('../utils')
 
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
 module.exports = utils.wrapCoreRule('no-console', {
   create(context) {
     const options = context.options[0] || {}

From 6c25866cbd6d8ffa6c4b286865362385ab3ebe5f Mon Sep 17 00:00:00 2001
From: ItMaga <m-chemurziev@ya.ru>
Date: Sun, 28 May 2023 15:49:30 +0300
Subject: [PATCH 3/5] remove unnecessary options

---
 tests/lib/rules/no-console.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/tests/lib/rules/no-console.js b/tests/lib/rules/no-console.js
index 452ac9713..dc65d0449 100644
--- a/tests/lib/rules/no-console.js
+++ b/tests/lib/rules/no-console.js
@@ -24,7 +24,6 @@ tester.run('no-console', rule, {
         <button @click="Console.log">button</button>
       </template>
       `,
-      options: [{ allow: ['log'] }]
     },
     {
       filename: 'test.vue',

From cdbe04223809129342c503757220d4b5dfe482c5 Mon Sep 17 00:00:00 2001
From: ItMaga <m-chemurziev@ya.ru>
Date: Sun, 28 May 2023 15:52:10 +0300
Subject: [PATCH 4/5] fix lint

---
 tests/lib/rules/no-console.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tests/lib/rules/no-console.js b/tests/lib/rules/no-console.js
index dc65d0449..a0c273042 100644
--- a/tests/lib/rules/no-console.js
+++ b/tests/lib/rules/no-console.js
@@ -23,7 +23,7 @@ tester.run('no-console', rule, {
       <template>
         <button @click="Console.log">button</button>
       </template>
-      `,
+      `
     },
     {
       filename: 'test.vue',

From b02bd7042270c7d77062bab06849cc93be67739d Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Sun, 28 May 2023 22:45:20 +0900
Subject: [PATCH 5/5] Update docs/rules/no-console.md

---
 docs/rules/no-console.md | 2 --
 1 file changed, 2 deletions(-)

diff --git a/docs/rules/no-console.md b/docs/rules/no-console.md
index f0fb2d0e7..e03628a32 100644
--- a/docs/rules/no-console.md
+++ b/docs/rules/no-console.md
@@ -14,8 +14,6 @@ description: Disallow the use of `console` in `<template>`
 
 This rule is the same rule as core [no-console] rule but it applies to the expressions in `<template>`.
 
-</eslint-code-block>
-
 ## :books: Further Reading
 
 - [no-console]