From d47de397b711bbced1cd2ff5826a2212c31f0997 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 6 Jul 2021 18:24:30 +0900
Subject: [PATCH] Update `vue/no-unsupported-features` rule to support `<script
 setup>` (#1554)

---
 docs/rules/no-unsupported-features.md         |  3 ++
 lib/rules/no-unsupported-features.js          |  4 ++
 lib/rules/syntaxes/script-setup.js            | 28 +++++++++++
 .../no-unsupported-features/script-setup.js   | 48 +++++++++++++++++++
 4 files changed, 83 insertions(+)
 create mode 100644 lib/rules/syntaxes/script-setup.js
 create mode 100644 tests/lib/rules/no-unsupported-features/script-setup.js

diff --git a/docs/rules/no-unsupported-features.md b/docs/rules/no-unsupported-features.md
index 3d29d0c7f..48e222a99 100644
--- a/docs/rules/no-unsupported-features.md
+++ b/docs/rules/no-unsupported-features.md
@@ -32,6 +32,7 @@ The `"ignores"` option accepts an array of the following strings.
   - Vue.js 3.1.0+
     - `"is-attribute-with-vue-prefix"` ... [`is` attribute with `vue:` prefix](https://v3.vuejs.org/api/special-attributes.html#is)
   - Vue.js 3.0.0+
+    - `"script-setup"` ... [`<script setup>`][Vue RFCs - 0040-script-setup]
     - `"v-model-argument"` ... [argument on `v-model`][Vue RFCs - 0005-replace-v-bind-sync-with-v-model-argument]
     - `"v-model-custom-modifiers"` ... [custom modifiers on `v-model`][Vue RFCs - 0011-v-model-api-change]
     - `"v-is"` ... [v-is](https://v3.vuejs.org/api/directives.html#v-is) directive.
@@ -105,6 +106,7 @@ The `"ignores"` option accepts an array of the following strings.
 - [Vue RFCs - 0003-dynamic-directive-arguments]
 - [Vue RFCs - 0005-replace-v-bind-sync-with-v-model-argument]
 - [Vue RFCs - 0011-v-model-api-change]
+- [Vue RFCs - 0040-script-setup]
 - [Vue RFCs - v-bind .prop shorthand proposal]
 
 [Vue RFCs - 0001-new-slot-syntax]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0001-new-slot-syntax.md
@@ -112,6 +114,7 @@ The `"ignores"` option accepts an array of the following strings.
 [Vue RFCs - 0003-dynamic-directive-arguments]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0003-dynamic-directive-arguments.md
 [Vue RFCs - 0005-replace-v-bind-sync-with-v-model-argument]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0005-replace-v-bind-sync-with-v-model-argument.md
 [Vue RFCs - 0011-v-model-api-change]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0011-v-model-api-change.md
+[Vue RFCs - 0040-script-setup]: https://github.com/vuejs/rfcs/blob/master/active-rfcs/0040-script-setup.md
 
 [Vue RFCs - v-bind .prop shorthand proposal]: https://github.com/vuejs/rfcs/pull/18
 
diff --git a/lib/rules/no-unsupported-features.js b/lib/rules/no-unsupported-features.js
index 2d4caf3e2..821a82373 100644
--- a/lib/rules/no-unsupported-features.js
+++ b/lib/rules/no-unsupported-features.js
@@ -26,6 +26,7 @@ const FEATURES = {
   'v-model-argument': require('./syntaxes/v-model-argument'),
   'v-model-custom-modifiers': require('./syntaxes/v-model-custom-modifiers'),
   'v-is': require('./syntaxes/v-is'),
+  'script-setup': require('./syntaxes/script-setup'),
   // Vue.js 3.1.0+
   'is-attribute-with-vue-prefix': require('./syntaxes/is-attribute-with-vue-prefix')
 }
@@ -100,6 +101,9 @@ module.exports = {
       forbiddenVModelCustomModifiers:
         'Custom modifiers on `v-model` are not supported until Vue.js "3.0.0".',
       forbiddenVIs: '`v-is` are not supported until Vue.js "3.0.0".',
+      forbiddenScriptSetup:
+        '`<script setup>` are not supported until Vue.js "3.0.0".',
+      // Vue.js 3.1.0+
       forbiddenIsAttributeWithVuePrefix:
         '`is="vue:"` are not supported until Vue.js "3.1.0".'
     }
diff --git a/lib/rules/syntaxes/script-setup.js b/lib/rules/syntaxes/script-setup.js
new file mode 100644
index 000000000..ef395d5ed
--- /dev/null
+++ b/lib/rules/syntaxes/script-setup.js
@@ -0,0 +1,28 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const utils = require('../../utils')
+
+module.exports = {
+  supported: '>=3.0.0',
+  /** @param {RuleContext} context @returns {TemplateListener} */
+  createScriptVisitor(context) {
+    const scriptSetup = utils.getScriptSetupElement(context)
+    if (!scriptSetup) {
+      return {}
+    }
+    const reportNode =
+      utils.getAttribute(scriptSetup, 'setup') || scriptSetup.startTag
+    return {
+      Program() {
+        context.report({
+          node: reportNode,
+          messageId: 'forbiddenScriptSetup'
+        })
+      }
+    }
+  }
+}
diff --git a/tests/lib/rules/no-unsupported-features/script-setup.js b/tests/lib/rules/no-unsupported-features/script-setup.js
new file mode 100644
index 000000000..584262364
--- /dev/null
+++ b/tests/lib/rules/no-unsupported-features/script-setup.js
@@ -0,0 +1,48 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../../lib/rules/no-unsupported-features')
+const utils = require('./utils')
+
+const buildOptions = utils.optionsBuilder('script-setup', '^3.0.0')
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2019
+  }
+})
+
+tester.run('no-unsupported-features/script-setup', rule, {
+  valid: [
+    {
+      code: `
+      <script setup>
+      </script>`,
+      options: buildOptions()
+    },
+    {
+      code: `
+      <script>
+      </script>`,
+      options: buildOptions({ version: '^2.6.0' })
+    }
+  ],
+  invalid: [
+    {
+      code: `
+      <script setup>
+      </script>`,
+      options: buildOptions({ version: '^2.6.0' }),
+      errors: [
+        {
+          message: '`<script setup>` are not supported until Vue.js "3.0.0".',
+          line: 2
+        }
+      ]
+    }
+  ]
+})