From 1b27a2418b33c035af4aef37aa101bb747ae5f66 Mon Sep 17 00:00:00 2001
From: Nhan Nguyen <nhnguyen@ualberta.ca>
Date: Mon, 20 May 2024 00:14:24 -0600
Subject: [PATCH 1/3] add rule quote from eslint stylistic

---
 docs/rules/quotes.md      |  28 ++++++++++
 lib/rules/quotes.js       |  10 ++++
 tests/lib/rules/quotes.js | 113 ++++++++++++++++++++++++++++++++++++++
 3 files changed, 151 insertions(+)
 create mode 100644 docs/rules/quotes.md
 create mode 100644 lib/rules/quotes.js
 create mode 100644 tests/lib/rules/quotes.js

diff --git a/docs/rules/quotes.md b/docs/rules/quotes.md
new file mode 100644
index 000000000..537a73ac0
--- /dev/null
+++ b/docs/rules/quotes.md
@@ -0,0 +1,28 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/quotes
+description: Enforce the consistent use of either backticks, double, or single quotes in `<template>`
+---
+# vue/quotes
+
+> Enforce the consistent use of either backticks, double, or single quotes in `<template>`
+
+This rule is the same rule as stylistic [quotes] rule but it applies to the expressions 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: Further Reading
+
+- [quotes]
+
+[quotes]: https://eslint.style/rules/js/quotes
+
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/quotes.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/quotes.js)
+
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/quotes)</sup>
+
diff --git a/lib/rules/quotes.js b/lib/rules/quotes.js
new file mode 100644
index 000000000..1087ffd18
--- /dev/null
+++ b/lib/rules/quotes.js
@@ -0,0 +1,10 @@
+/**
+ * @author Nhan Nguyen
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const { wrapStylisticOrCoreRule } = require('../utils')
+
+// eslint-disable-next-line internal/no-invalid-meta
+module.exports = wrapStylisticOrCoreRule('quotes')
diff --git a/tests/lib/rules/quotes.js b/tests/lib/rules/quotes.js
new file mode 100644
index 000000000..84cde483a
--- /dev/null
+++ b/tests/lib/rules/quotes.js
@@ -0,0 +1,113 @@
+/**
+ * @author Nhan Nguyen
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('../../eslint-compat').RuleTester
+const rule = require('../../../lib/rules/quotes')
+
+const tester = new RuleTester({
+  languageOptions: {
+    parser: require('vue-eslint-parser'),
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('quotes', rule, {
+  valid: [
+    `<template>
+      <div>{{ "hello" }}</div>
+    </template>`,
+    `<template>
+      <div>'This string contains "single" quotes'</div>
+    </template>`,
+    {
+      code: `
+        <template>
+          <div>{{ 'hello' }}</div>
+        </template>`,
+      options: ['single']
+    },
+    {
+      code: `
+        <template>
+          <div>{{ \`hello\` }}</div>
+        </template>`,
+      options: ['backtick']
+    },
+    {
+      code: `
+        <template>
+          <div>"This string contains 'single' quotes"</div>
+        </template>`,
+      options: ['single', { avoidEscape: true }]
+    },
+    {
+      code: `
+        <template>
+          <div>'This string contains "double" quotes'</div>
+        </template>`,
+      options: ['double', { avoidEscape: true }]
+    }
+  ],
+  invalid: [
+    {
+      code: `
+      <template>
+        <div>{{ 'hello' }}</div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div>{{ "hello" }}</div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Strings must use doublequote.',
+          line: 3
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <div>{{ "hello" }}</div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div>{{ 'hello' }}</div>
+      </template>
+      `,
+      options: ['single'],
+      errors: [
+        {
+          message: 'Strings must use singlequote.',
+          line: 3
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <div>{{ 'hello' }}</div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div>{{ \`hello\` }}</div>
+      </template>
+      `,
+      options: ['backtick'],
+      errors: [
+        {
+          message: 'Strings must use backtick.',
+          line: 3
+        }
+      ]
+    }
+  ]
+})

From 0c9f6dcd715d4dd8d51a287720afb04d4d875297 Mon Sep 17 00:00:00 2001
From: Nhan Nguyen <nhnguyen@ualberta.ca>
Date: Mon, 20 May 2024 00:17:12 -0600
Subject: [PATCH 2/3] update quote rule

---
 docs/rules/index.md            |  1 +
 docs/rules/quotes.md           | 12 ++++++------
 lib/configs/no-layout-rules.js |  1 +
 lib/index.js                   |  1 +
 4 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/docs/rules/index.md b/docs/rules/index.md
index e718603f8..551ce8964 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -328,6 +328,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/operator-linebreak](./operator-linebreak.md) | Enforce consistent linebreak style for operators in `<template>` | :wrench: | :lipstick: |
 | [vue/prefer-template](./prefer-template.md) | Require template literals instead of string concatenation in `<template>` | :wrench: | :hammer: |
 | [vue/quote-props](./quote-props.md) | Require quotes around object literal property names in `<template>` | :wrench: | :lipstick: |
+| [vue/quotes](./quotes.md) | Enforce the consistent use of either backticks, double, or single quotes in `<template>` | :wrench: | :lipstick: |
 | [vue/space-in-parens](./space-in-parens.md) | Enforce consistent spacing inside parentheses in `<template>` | :wrench: | :lipstick: |
 | [vue/space-infix-ops](./space-infix-ops.md) | Require spacing around infix operators in `<template>` | :wrench: | :lipstick: |
 | [vue/space-unary-ops](./space-unary-ops.md) | Enforce consistent spacing before or after unary operators in `<template>` | :wrench: | :lipstick: |
diff --git a/docs/rules/quotes.md b/docs/rules/quotes.md
index 537a73ac0..a0d9eac67 100644
--- a/docs/rules/quotes.md
+++ b/docs/rules/quotes.md
@@ -4,25 +4,25 @@ sidebarDepth: 0
 title: vue/quotes
 description: Enforce the consistent use of either backticks, double, or single quotes in `<template>`
 ---
+
 # vue/quotes
 
 > Enforce the consistent use of either backticks, double, or single quotes in `<template>`
 
-This rule is the same rule as stylistic [quotes] rule but it applies to the expressions in `<template>`.
-
 - :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
-## :book: Further Reading
+This rule is the same rule as stylistic [quotes] rule but it applies to the expressions in `<template>`.
+
+## :book: Rule Details
 
 - [quotes]
 
 [quotes]: https://eslint.style/rules/js/quotes
 
-
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/quotes.js)
 - [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/quotes.js)
 
-<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/js/quotes)</sup>
-
+<sup>Taken with ❤️ [from ESLint Stylistic](https://eslint.style/rules/ts/quotes)</sup>
diff --git a/lib/configs/no-layout-rules.js b/lib/configs/no-layout-rules.js
index 886f85d53..5f4215b7c 100644
--- a/lib/configs/no-layout-rules.js
+++ b/lib/configs/no-layout-rules.js
@@ -46,6 +46,7 @@ module.exports = {
     'vue/padding-line-between-tags': 'off',
     'vue/padding-lines-in-component-definition': 'off',
     'vue/quote-props': 'off',
+    'vue/quotes': 'off',
     'vue/script-indent': 'off',
     'vue/singleline-html-element-content-newline': 'off',
     'vue/space-in-parens': 'off',
diff --git a/lib/index.js b/lib/index.js
index 956eeaa4b..0e260901a 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -207,6 +207,7 @@ const plugin = {
     'prefer-true-attribute-shorthand': require('./rules/prefer-true-attribute-shorthand'),
     'prop-name-casing': require('./rules/prop-name-casing'),
     'quote-props': require('./rules/quote-props'),
+    quotes: require('./rules/quotes'),
     'require-component-is': require('./rules/require-component-is'),
     'require-default-prop': require('./rules/require-default-prop'),
     'require-direct-export': require('./rules/require-direct-export'),

From 008b2a9d6316b6fb9aadfe87d5897dccb71aa56a Mon Sep 17 00:00:00 2001
From: Flo Edelmann <git@flo-edelmann.de>
Date: Wed, 19 Jun 2024 22:40:32 +0200
Subject: [PATCH 3/3] Lint

---
 docs/rules/quotes.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/rules/quotes.md b/docs/rules/quotes.md
index a0d9eac67..18f099bb1 100644
--- a/docs/rules/quotes.md
+++ b/docs/rules/quotes.md
@@ -9,7 +9,7 @@ description: Enforce the consistent use of either backticks, double, or single q
 
 > Enforce the consistent use of either backticks, double, or single quotes in `<template>`
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as stylistic [quotes] rule but it applies to the expressions in `<template>`.