add rule quote from eslint stylistic

Author: nhtnhan

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>
+

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')

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
+        }
+      ]
+    }
+  ]
+})