From 56679927b609f0a8b6270b0fdb60e5666c5919c3 Mon Sep 17 00:00:00 2001
From: Jackson Hammond <malts18@gmail.com>
Date: Sat, 5 Feb 2022 18:29:47 -0500
Subject: [PATCH 1/2] feat: adds new rule to prevent some @vue/* imports

It extends the existing no-restricted-imports rule from eslint. Seems
configured correctly, but my initial tests aren't passing yet.
---
 .eslintrc.js                             | 12 +++++
 lib/rules/no-restricted-imports.js       | 12 +++++
 tests/lib/rules/no-restricted-imports.js | 57 ++++++++++++++++++++++++
 3 files changed, 81 insertions(+)
 create mode 100644 lib/rules/no-restricted-imports.js
 create mode 100644 tests/lib/rules/no-restricted-imports.js

diff --git a/.eslintrc.js b/.eslintrc.js
index 3229de98d..d0c0c0793 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -71,6 +71,18 @@ module.exports = {
     'no-proto': 2,
     'no-redeclare': 2,
     'no-regex-spaces': 2,
+    'no-restricted-imports': [
+      'error',
+      {
+        paths: [
+          '@vue/reactivity',
+          '@vue/runtime-core',
+          '@vue/runtime-dom',
+          '@vue/shared'
+        ],
+        message: "Please always import these APIs from the main 'vue' package"
+      }
+    ],
     'no-return-assign': [2, 'except-parens'],
     'no-self-assign': 2,
     'no-self-compare': 2,
diff --git a/lib/rules/no-restricted-imports.js b/lib/rules/no-restricted-imports.js
new file mode 100644
index 000000000..662caf6dd
--- /dev/null
+++ b/lib/rules/no-restricted-imports.js
@@ -0,0 +1,12 @@
+/**
+ * @author Jackson Hammond
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const { wrapCoreRule } = require('../utils')
+
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+module.exports = wrapCoreRule('no-restricted-imports', {
+  applyDocument: true
+})
diff --git a/tests/lib/rules/no-restricted-imports.js b/tests/lib/rules/no-restricted-imports.js
new file mode 100644
index 000000000..862446571
--- /dev/null
+++ b/tests/lib/rules/no-restricted-imports.js
@@ -0,0 +1,57 @@
+/**
+ * @author Jackson Hammond
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-restricted-imports')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    // sourceType: 'module'
+  }
+})
+
+tester.run('no-transitive-dependency-imports', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      import { ref } from 'vue'
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      import { ref, computed } from 'vue'
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      import { 
+        ref 
+      } from 'vue'
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      import { 
+        ref,
+        computed
+      } from 'vue'
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `import { computed } from '@vue/reactivity'`,
+      errors: ["Please always import these APIs from the  main 'vue' package"]
+    }
+  ]
+})

From 0e12474d23086b5586173323d384f3f316492e72 Mon Sep 17 00:00:00 2001
From: Jackson Hammond <malts18@gmail.com>
Date: Sat, 5 Feb 2022 18:31:26 -0500
Subject: [PATCH 2/2] Stubs out readme for no-restricted-imports rule

---
 docs/rules/no-restricted-imports.md | 42 +++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 docs/rules/no-restricted-imports.md

diff --git a/docs/rules/no-restricted-imports.md b/docs/rules/no-restricted-imports.md
new file mode 100644
index 000000000..c763d2c15
--- /dev/null
+++ b/docs/rules/no-restricted-imports.md
@@ -0,0 +1,42 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-restricted-imports
+description: disallow imports from some `'@vue/*'` packages
+---
+# vue/no-restricted-imports
+
+> disallow imports from some `'@vue/*'` packages
+
+- :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
+
+- [no-restricted-imports]
+
+[no-restricted-imports]: https://eslint.org/docs/rules/no-restricted-imports
+
+<eslint-code-block :rules="{'vue/no-restricted-imports': ['error']}">
+
+```vue
+<script>
+  // ✓ GOOD
+  import { ref } from 'vue';
+
+  // ✗ BAD
+  import { ref } from '@vue/reactivity';
+</script>
+```
+
+</eslint-code-block>
+
+## :rocket: Version
+
+This rule was introduced in eslint-plugin-vue v*.0.0
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-restricted-imports.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-restricted-imports.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/no-restricted-imports)</sup>
\ No newline at end of file