From 9b4f0cf0990896c3b73ccdcb137a4570321a089e Mon Sep 17 00:00:00 2001
From: Ivan Demchuk <ivan.demchuk@gmail.com>
Date: Wed, 31 May 2023 16:50:22 +0300
Subject: [PATCH 01/18] Initial implementation of require-typed-ref rule

---
 lib/index.js                         |   1 +
 lib/rules/require-typed-ref.js       |  60 ++++++++++++++
 lib/utils/ref-object-references.js   |   1 +
 tests/lib/rules/require-typed-ref.js | 120 +++++++++++++++++++++++++++
 4 files changed, 182 insertions(+)
 create mode 100644 lib/rules/require-typed-ref.js
 create mode 100644 tests/lib/rules/require-typed-ref.js

diff --git a/lib/index.js b/lib/index.js
index 8ac5d9383..42a223de6 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -188,6 +188,7 @@ module.exports = {
     'require-render-return': require('./rules/require-render-return'),
     'require-slots-as-functions': require('./rules/require-slots-as-functions'),
     'require-toggle-inside-transition': require('./rules/require-toggle-inside-transition'),
+    'require-typed-ref': require('./rules/require-typed-ref'),
     'require-v-for-key': require('./rules/require-v-for-key'),
     'require-valid-default-prop': require('./rules/require-valid-default-prop'),
     'return-in-computed-property': require('./rules/return-in-computed-property'),
diff --git a/lib/rules/require-typed-ref.js b/lib/rules/require-typed-ref.js
new file mode 100644
index 000000000..ca56071a3
--- /dev/null
+++ b/lib/rules/require-typed-ref.js
@@ -0,0 +1,60 @@
+/**
+ * @author Ivan Demchuk <https://github.com/Demivan>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const {
+  iterateDefineRefs
+} = require('../utils/ref-object-references')
+const utils = require('../utils')
+
+/**
+ * @typedef {import('../utils/ref-object-references').RefObjectReferences} RefObjectReferences
+ */
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'enforce declaration style of `defineProps`',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/define-props-declaration.html'
+    },
+    fixable: null,
+    messages: {
+      noType: 'Specify type parameter for `ref`, otherwise it will be `any`.'
+    },
+    schema: []
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    const scriptSetup = utils.getScriptSetupElement(context)
+    if (scriptSetup && !utils.hasAttribute(scriptSetup, 'lang', 'ts')) {
+      return {}
+    }
+
+    const defines = iterateDefineRefs(context.getScope())
+
+    return {
+      Program() {
+        for (const ref of defines) {
+          if (ref.node.parent.type !== 'VariableDeclarator' || ref.node.parent.id.type !== 'Identifier') {
+            continue
+          }
+
+          if (ref.node.arguments.length > 0) {
+            continue
+          }
+
+          if (ref.node.typeParameters == null && ref.node.parent.id.typeAnnotation == null) {
+            context.report({
+              node: ref.node,
+              messageId: 'noType',
+            })
+          }
+        }
+      },
+    }
+  }
+}
diff --git a/lib/utils/ref-object-references.js b/lib/utils/ref-object-references.js
index ceecd89e3..49404dad0 100644
--- a/lib/utils/ref-object-references.js
+++ b/lib/utils/ref-object-references.js
@@ -251,6 +251,7 @@ function getGlobalScope(context) {
 }
 
 module.exports = {
+  iterateDefineRefs,
   extractRefObjectReferences,
   extractReactiveVariableReferences
 }
diff --git a/tests/lib/rules/require-typed-ref.js b/tests/lib/rules/require-typed-ref.js
new file mode 100644
index 000000000..54eccacdc
--- /dev/null
+++ b/tests/lib/rules/require-typed-ref.js
@@ -0,0 +1,120 @@
+/**
+ * @author Ivan Demchuk <https://github.com/Demivan>
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/require-typed-ref')
+
+const tester = new RuleTester({
+  parser: require.resolve('@typescript-eslint/parser'),
+  parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
+})
+
+tester.run('require-typed-ref', rule, {
+  valid: [
+    `
+      import { ref } from 'vue'
+      const count = ref(0)
+    `,
+    `
+      import { shallowRef } from 'vue'
+      const count = shallowRef(0)
+    `,
+    `
+      import { ref } from 'vue'
+      const count = ref<number>()
+    `,
+    `
+      import { ref } from 'vue'
+      const count = ref<number>(0)
+    `,
+    `
+      import { ref } from 'vue'
+      const counter: Ref<number | undefined> = ref()
+    `,
+    `
+      import { ref } from 'vue'
+      const count = ref(0)
+    `,
+    {
+      parser: require.resolve('vue-eslint-parser'),
+      filename: 'test.vue',
+      code: `
+        <script setup>
+          import { ref } from 'vue'
+          const count = ref()
+        </script>
+      `
+    }
+  ],
+  invalid: [
+    {
+      code: `
+        import { ref } from 'vue'
+        const count = ref()
+      `,
+      errors: [
+        {
+          messageId: 'noType',
+          line: 3,
+          column: 23,
+          endLine: 3,
+          endColumn: 28
+        }
+      ]
+    },
+    {
+      code: `
+        import { shallowRef } from 'vue'
+        const count = shallowRef()
+      `,
+      errors: [
+        {
+          messageId: 'noType',
+          line: 3,
+          column: 23,
+          endLine: 3,
+          endColumn: 35
+        }
+      ]
+    },
+    {
+      code: `
+        import { ref } from 'vue'
+        function useCount() {
+          const count = ref()
+          return { count }
+        }
+      `,
+      errors: [
+        {
+          messageId: 'noType',
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 30
+        }
+      ]
+    },
+    {
+      parser: require.resolve('vue-eslint-parser'),
+      filename: 'test.vue',
+      code: `
+        <script setup lang="ts">
+          import { ref } from 'vue'
+          const count = ref()
+        </script>
+      `,
+      errors: [
+        {
+          messageId: 'noType',
+          line: 4,
+          column: 25,
+          endLine: 4,
+          endColumn: 30
+        }
+      ]
+    }
+  ]
+})

From a18ff999c0393f327b1f681ef16a68fbb5152127 Mon Sep 17 00:00:00 2001
From: Ivan Demchuk <ivan.demchuk@gmail.com>
Date: Fri, 2 Jun 2023 10:42:31 +0300
Subject: [PATCH 02/18] Improve type detection

---
 lib/rules/require-typed-ref.js | 36 ++++++++++++++++++++++------------
 1 file changed, 23 insertions(+), 13 deletions(-)

diff --git a/lib/rules/require-typed-ref.js b/lib/rules/require-typed-ref.js
index ca56071a3..14e5dbedf 100644
--- a/lib/rules/require-typed-ref.js
+++ b/lib/rules/require-typed-ref.js
@@ -4,9 +4,7 @@
  */
 'use strict'
 
-const {
-  iterateDefineRefs
-} = require('../utils/ref-object-references')
+const { iterateDefineRefs } = require('../utils/ref-object-references')
 const utils = require('../utils')
 
 /**
@@ -23,7 +21,7 @@ module.exports = {
     },
     fixable: null,
     messages: {
-      noType: 'Specify type parameter for `ref`, otherwise it will be `any`.'
+      noType: 'Specify type parameter for `{{name}}`, otherwise it will be `any`.'
     },
     schema: []
   },
@@ -36,22 +34,34 @@ module.exports = {
 
     const defines = iterateDefineRefs(context.getScope())
 
+    /**
+     * @param {string} name
+     * @param {CallExpression} node
+     */
+    function report(name, node) {
+      context.report({
+        node: node,
+        messageId: 'noType',
+        data: {
+          name: name
+        }
+      })
+    }
+
     return {
       Program() {
         for (const ref of defines) {
-          if (ref.node.parent.type !== 'VariableDeclarator' || ref.node.parent.id.type !== 'Identifier') {
-            continue
-          }
-
           if (ref.node.arguments.length > 0) {
             continue
           }
 
-          if (ref.node.typeParameters == null && ref.node.parent.id.typeAnnotation == null) {
-            context.report({
-              node: ref.node,
-              messageId: 'noType',
-            })
+          if (ref.node.typeParameters == null) {
+            if (ref.node.parent.type === 'VariableDeclarator' && ref.node.parent.id.type === 'Identifier') {
+              if (ref.node.parent.id.typeAnnotation == null)
+                report(ref.name, ref.node)
+            } else {
+              report(ref.name, ref.node)
+            }
           }
         }
       },

From 4097a97aac6b1f19d0ca8a7c4a8485d100e6f15b Mon Sep 17 00:00:00 2001
From: Ivan Demchuk <ivan.demchuk@gmail.com>
Date: Fri, 2 Jun 2023 11:57:56 +0300
Subject: [PATCH 03/18] Add filename check

---
 lib/rules/require-typed-ref.js       |  7 +-
 lib/utils/index.js                   |  9 +++
 tests/lib/rules/require-typed-ref.js | 96 +++++++++++++++++++++-------
 3 files changed, 89 insertions(+), 23 deletions(-)

diff --git a/lib/rules/require-typed-ref.js b/lib/rules/require-typed-ref.js
index 14e5dbedf..4c3b915d2 100644
--- a/lib/rules/require-typed-ref.js
+++ b/lib/rules/require-typed-ref.js
@@ -27,8 +27,13 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
+    const filename = context.getFilename()
+    if (!utils.isVueFile(filename) && !utils.isTypeScriptFile(filename)) {
+      return {}
+    }
+
     const scriptSetup = utils.getScriptSetupElement(context)
-    if (scriptSetup && !utils.hasAttribute(scriptSetup, 'lang', 'ts')) {
+    if (scriptSetup && !utils.hasAttribute(scriptSetup, 'lang', 'ts') && !utils.hasAttribute(scriptSetup, 'lang', 'typescript')) {
       return {}
     }
 
diff --git a/lib/utils/index.js b/lib/utils/index.js
index ef8cd0ee9..b3020c888 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -998,6 +998,8 @@ module.exports = {
     return null
   },
 
+  isTypeScriptFile,
+
   isVueFile,
 
   /**
@@ -2416,6 +2418,13 @@ function getVExpressionContainer(node) {
   return n
 }
 
+/**
+ * @param {string} path
+ */
+function isTypeScriptFile(path) {
+  return path.endsWith('.ts') || path.endsWith('.tsx') || path.endsWith('mts')
+}
+
 // ------------------------------------------------------------------------------
 // Vue Helpers
 // ------------------------------------------------------------------------------
diff --git a/tests/lib/rules/require-typed-ref.js b/tests/lib/rules/require-typed-ref.js
index 54eccacdc..a4361dd66 100644
--- a/tests/lib/rules/require-typed-ref.js
+++ b/tests/lib/rules/require-typed-ref.js
@@ -11,45 +11,75 @@ const tester = new RuleTester({
   parserOptions: { ecmaVersion: 2020, sourceType: 'module' }
 })
 
+// Note: Need to specify filename for each test,
+// as only TypeScript files are being checked
 tester.run('require-typed-ref', rule, {
-  valid: [
-    `
-      import { ref } from 'vue'
-      const count = ref(0)
-    `,
-    `
+  valid: [{
+    filename: 'test.ts',
+    code: `
       import { shallowRef } from 'vue'
       const count = shallowRef(0)
-    `,
     `
+  },
+  {
+    filename: 'test.ts',
+    code: `
       import { ref } from 'vue'
       const count = ref<number>()
-    `,
     `
+  },
+  {
+    filename: 'test.ts',
+    code: `
       import { ref } from 'vue'
       const count = ref<number>(0)
-    `,
     `
+  },
+  {
+    filename: 'test.ts',
+    code: `
       import { ref } from 'vue'
       const counter: Ref<number | undefined> = ref()
-    `,
     `
+  },
+  {
+    filename: 'test.ts',
+    code: `
       import { ref } from 'vue'
       const count = ref(0)
+    `
+  },
+  {
+    filename: 'test.ts',
+    code: `
+      import { ref } from 'vue'
+      function useCount() {
+        return {
+          count: ref<number>()
+        }
+      }
+    `
+  },
+  {
+    filename: 'test.vue',
+    parser: require.resolve('vue-eslint-parser'),
+    code: `
+      <script setup>
+        import { ref } from 'vue'
+        const count = ref()
+      </script>
+    `
+  },
+  {
+    filename: 'test.js',
+    code: `
+      import { ref } from 'vue'
+      const count = ref()
     `,
-    {
-      parser: require.resolve('vue-eslint-parser'),
-      filename: 'test.vue',
-      code: `
-        <script setup>
-          import { ref } from 'vue'
-          const count = ref()
-        </script>
-      `
-    }
-  ],
+  }],
   invalid: [
     {
+      filename: 'test.ts',
       code: `
         import { ref } from 'vue'
         const count = ref()
@@ -65,6 +95,7 @@ tester.run('require-typed-ref', rule, {
       ]
     },
     {
+      filename: 'test.ts',
       code: `
         import { shallowRef } from 'vue'
         const count = shallowRef()
@@ -80,6 +111,7 @@ tester.run('require-typed-ref', rule, {
       ]
     },
     {
+      filename: 'test.ts',
       code: `
         import { ref } from 'vue'
         function useCount() {
@@ -98,8 +130,28 @@ tester.run('require-typed-ref', rule, {
       ]
     },
     {
-      parser: require.resolve('vue-eslint-parser'),
+      filename: 'test.ts',
+      code: `
+        import { ref } from 'vue'
+        function useCount() {
+          return {
+            count: ref()
+          }
+        }
+      `,
+      errors: [
+        {
+          messageId: 'noType',
+          line: 5,
+          column: 20,
+          endLine: 5,
+          endColumn: 25
+        }
+      ]
+    },
+    {
       filename: 'test.vue',
+      parser: require.resolve('vue-eslint-parser'),
       code: `
         <script setup lang="ts">
           import { ref } from 'vue'

From a59ff1a0cfd30a7a0c338dcfe9d4eb1ad3ad3b7f Mon Sep 17 00:00:00 2001
From: Ivan Demchuk <ivan.demchuk@gmail.com>
Date: Fri, 2 Jun 2023 13:51:39 +0300
Subject: [PATCH 04/18] Fix eslint warnings

---
 lib/rules/require-typed-ref.js       |  25 ++++--
 tests/lib/rules/require-typed-ref.js | 122 ++++++++++++++-------------
 2 files changed, 79 insertions(+), 68 deletions(-)

diff --git a/lib/rules/require-typed-ref.js b/lib/rules/require-typed-ref.js
index 4c3b915d2..2ff071292 100644
--- a/lib/rules/require-typed-ref.js
+++ b/lib/rules/require-typed-ref.js
@@ -15,13 +15,15 @@ module.exports = {
   meta: {
     type: 'suggestion',
     docs: {
-      description: 'enforce declaration style of `defineProps`',
+      description:
+        'enforce `ref` and `shallowRef` functions to be strongly typed',
       categories: undefined,
-      url: 'https://eslint.vuejs.org/rules/define-props-declaration.html'
+      url: 'https://eslint.vuejs.org/rules/require-typed-ref.html'
     },
     fixable: null,
     messages: {
-      noType: 'Specify type parameter for `{{name}}`, otherwise it will be `any`.'
+      noType:
+        'Specify type parameter for `{{name}}`, otherwise it will be `any`.'
     },
     schema: []
   },
@@ -33,7 +35,11 @@ module.exports = {
     }
 
     const scriptSetup = utils.getScriptSetupElement(context)
-    if (scriptSetup && !utils.hasAttribute(scriptSetup, 'lang', 'ts') && !utils.hasAttribute(scriptSetup, 'lang', 'typescript')) {
+    if (
+      scriptSetup &&
+      !utils.hasAttribute(scriptSetup, 'lang', 'ts') &&
+      !utils.hasAttribute(scriptSetup, 'lang', 'typescript')
+    ) {
       return {}
     }
 
@@ -45,10 +51,10 @@ module.exports = {
      */
     function report(name, node) {
       context.report({
-        node: node,
+        node,
         messageId: 'noType',
         data: {
-          name: name
+          name
         }
       })
     }
@@ -61,7 +67,10 @@ module.exports = {
           }
 
           if (ref.node.typeParameters == null) {
-            if (ref.node.parent.type === 'VariableDeclarator' && ref.node.parent.id.type === 'Identifier') {
+            if (
+              ref.node.parent.type === 'VariableDeclarator' &&
+              ref.node.parent.id.type === 'Identifier'
+            ) {
               if (ref.node.parent.id.typeAnnotation == null)
                 report(ref.name, ref.node)
             } else {
@@ -69,7 +78,7 @@ module.exports = {
             }
           }
         }
-      },
+      }
     }
   }
 }
diff --git a/tests/lib/rules/require-typed-ref.js b/tests/lib/rules/require-typed-ref.js
index a4361dd66..1b55dbe9f 100644
--- a/tests/lib/rules/require-typed-ref.js
+++ b/tests/lib/rules/require-typed-ref.js
@@ -14,69 +14,71 @@ const tester = new RuleTester({
 // Note: Need to specify filename for each test,
 // as only TypeScript files are being checked
 tester.run('require-typed-ref', rule, {
-  valid: [{
-    filename: 'test.ts',
-    code: `
-      import { shallowRef } from 'vue'
-      const count = shallowRef(0)
-    `
-  },
-  {
-    filename: 'test.ts',
-    code: `
-      import { ref } from 'vue'
-      const count = ref<number>()
-    `
-  },
-  {
-    filename: 'test.ts',
-    code: `
-      import { ref } from 'vue'
-      const count = ref<number>(0)
-    `
-  },
-  {
-    filename: 'test.ts',
-    code: `
-      import { ref } from 'vue'
-      const counter: Ref<number | undefined> = ref()
-    `
-  },
-  {
-    filename: 'test.ts',
-    code: `
-      import { ref } from 'vue'
-      const count = ref(0)
-    `
-  },
-  {
-    filename: 'test.ts',
-    code: `
-      import { ref } from 'vue'
-      function useCount() {
-        return {
-          count: ref<number>()
+  valid: [
+    {
+      filename: 'test.ts',
+      code: `
+        import { shallowRef } from 'vue'
+        const count = shallowRef(0)
+      `
+    },
+    {
+      filename: 'test.ts',
+      code: `
+        import { ref } from 'vue'
+        const count = ref<number>()
+      `
+    },
+    {
+      filename: 'test.ts',
+      code: `
+        import { ref } from 'vue'
+        const count = ref<number>(0)
+      `
+    },
+    {
+      filename: 'test.ts',
+      code: `
+        import { ref } from 'vue'
+        const counter: Ref<number | undefined> = ref()
+      `
+    },
+    {
+      filename: 'test.ts',
+      code: `
+        import { ref } from 'vue'
+        const count = ref(0)
+      `
+    },
+    {
+      filename: 'test.ts',
+      code: `
+        import { ref } from 'vue'
+        function useCount() {
+          return {
+            count: ref<number>()
+          }
         }
-      }
-    `
-  },
-  {
-    filename: 'test.vue',
-    parser: require.resolve('vue-eslint-parser'),
-    code: `
-      <script setup>
+      `
+    },
+    {
+      filename: 'test.vue',
+      parser: require.resolve('vue-eslint-parser'),
+      code: `
+        <script setup>
+          import { ref } from 'vue'
+          const count = ref()
+        </script>
+      `
+    },
+    {
+      filename: 'test.js',
+      code: `
         import { ref } from 'vue'
         const count = ref()
-      </script>
-    `
-  },
-  {
-    filename: 'test.js',
-    code: `
-      import { ref } from 'vue'
-      const count = ref()
-    `,
-  }],
+      `
+    }
+  ],
   invalid: [
     {
       filename: 'test.ts',

From 2eb0f6a558d87a33b433beb7d157ceb3a6109479 Mon Sep 17 00:00:00 2001
From: Ivan Demchuk <ivan.demchuk@gmail.com>
Date: Fri, 2 Jun 2023 14:01:31 +0300
Subject: [PATCH 05/18] Improve error messages

---
 lib/rules/require-typed-ref.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/rules/require-typed-ref.js b/lib/rules/require-typed-ref.js
index 2ff071292..eef54cf55 100644
--- a/lib/rules/require-typed-ref.js
+++ b/lib/rules/require-typed-ref.js
@@ -16,14 +16,14 @@ module.exports = {
     type: 'suggestion',
     docs: {
       description:
-        'enforce `ref` and `shallowRef` functions to be strongly typed',
+        'require `ref` and `shallowRef` functions to be strongly typed',
       categories: undefined,
       url: 'https://eslint.vuejs.org/rules/require-typed-ref.html'
     },
     fixable: null,
     messages: {
       noType:
-        'Specify type parameter for `{{name}}`, otherwise it will be `any`.'
+        'Specify type parameter for `{{name}}` function, otherwise created variable will not by typechecked.'
     },
     schema: []
   },

From cab4092a6ef6e580b7c8c5ce7581aa5a55a206b9 Mon Sep 17 00:00:00 2001
From: Ivan Demchuk <ivan.demchuk@gmail.com>
Date: Fri, 2 Jun 2023 14:09:01 +0300
Subject: [PATCH 06/18] Add documentation

---
 docs/rules/require-typed-ref.md | 43 +++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 docs/rules/require-typed-ref.md

diff --git a/docs/rules/require-typed-ref.md b/docs/rules/require-typed-ref.md
new file mode 100644
index 000000000..597026ca7
--- /dev/null
+++ b/docs/rules/require-typed-ref.md
@@ -0,0 +1,43 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/require-typed-ref
+description: xxx
+---
+# vue/require-typed-ref
+
+> require `ref` and `shallowRef` functions to be strongly typed
+
+- :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 disallows calling `ref()` or `shallowRef()` functions without generic type parameter or an argument when using TypeScript.
+
+With TypeScript it is easy to prevent usage of `any` by using `no-implicit-any`. Unfortunately this rule is easily bypassed with Vue `ref()` function. Calling `ref()` function without a generic parameter or an initial value leads to ref having `Ref<any>` type.
+
+<eslint-code-block :rules="{'vue/require-typed-ref': ['error']}">
+
+```vue
+<script setup lang="ts">
+import { ref, shallowRef, type Ref } from 'vue'
+
+/* ✗ BAD */
+const count = ref() // Returns Ref<any> that is not type checked
+count.value = '50' // Should be a type error, but it is not
+
+const count = shallowRef()
+
+/* ✗ GOOD */
+const count = ref<number>()
+const count = ref(0)
+const count: Ref<number | undefined> = ref()
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+

From 4989f9c311f3c4591571ce574d1f66ffcc3dff1d Mon Sep 17 00:00:00 2001
From: Ivan Demchuk <ivan.demchuk@gmail.com>
Date: Fri, 2 Jun 2023 14:14:02 +0300
Subject: [PATCH 07/18] Add requireExplicitType option

---
 lib/rules/require-typed-ref.js       | 20 ++++++++++++++++++--
 tests/lib/rules/require-typed-ref.js | 17 +++++++++++++++++
 2 files changed, 35 insertions(+), 2 deletions(-)

diff --git a/lib/rules/require-typed-ref.js b/lib/rules/require-typed-ref.js
index eef54cf55..56298756c 100644
--- a/lib/rules/require-typed-ref.js
+++ b/lib/rules/require-typed-ref.js
@@ -25,10 +25,26 @@ module.exports = {
       noType:
         'Specify type parameter for `{{name}}` function, otherwise created variable will not by typechecked.'
     },
-    schema: []
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          requireExplicitType: {
+            type: 'boolean'
+          }
+        },
+        additionalProperties: false
+      }
+    ]
   },
   /** @param {RuleContext} context */
   create(context) {
+    let requireExplicitType = false
+    const option = context.options[0]
+    if (option) {
+      requireExplicitType = option.requireExplicitType
+    }
+
     const filename = context.getFilename()
     if (!utils.isVueFile(filename) && !utils.isTypeScriptFile(filename)) {
       return {}
@@ -62,7 +78,7 @@ module.exports = {
     return {
       Program() {
         for (const ref of defines) {
-          if (ref.node.arguments.length > 0) {
+          if (ref.node.arguments.length > 0 && !requireExplicitType) {
             continue
           }
 
diff --git a/tests/lib/rules/require-typed-ref.js b/tests/lib/rules/require-typed-ref.js
index 1b55dbe9f..5076c08bb 100644
--- a/tests/lib/rules/require-typed-ref.js
+++ b/tests/lib/rules/require-typed-ref.js
@@ -96,6 +96,23 @@ tester.run('require-typed-ref', rule, {
         }
       ]
     },
+    {
+      filename: 'test.ts',
+      code: `
+        import { ref } from 'vue'
+        const count = ref(0)
+      `,
+      options: [{ requireExplicitType: true }],
+      errors: [
+        {
+          messageId: 'noType',
+          line: 3,
+          column: 23,
+          endLine: 3,
+          endColumn: 29
+        }
+      ]
+    },
     {
       filename: 'test.ts',
       code: `

From c0c6932937ca1ab7d1945311266355e5b1a89b4e Mon Sep 17 00:00:00 2001
From: Ivan Demchuk <ivan.demchuk@gmail.com>
Date: Fri, 2 Jun 2023 14:18:34 +0300
Subject: [PATCH 08/18] Fix docs build

---
 docs/rules/index.md             | 1 +
 docs/rules/require-typed-ref.md | 8 ++++++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/docs/rules/index.md b/docs/rules/index.md
index c3e4b8ed7..9b7d52e76 100644
--- a/docs/rules/index.md
+++ b/docs/rules/index.md
@@ -264,6 +264,7 @@ For example:
 | [vue/require-expose](./require-expose.md) | require declare public properties using `expose` | :bulb: | :hammer: |
 | [vue/require-name-property](./require-name-property.md) | require a name property in Vue components | :bulb: | :hammer: |
 | [vue/require-prop-comment](./require-prop-comment.md) | require props to have a comment |  | :hammer: |
+| [vue/require-typed-ref](./require-typed-ref.md) | require `ref` and `shallowRef` functions to be strongly typed |  | :hammer: |
 | [vue/script-indent](./script-indent.md) | enforce consistent indentation in `<script>` | :wrench: | :lipstick: |
 | [vue/sort-keys](./sort-keys.md) | enforce sort-keys in a manner that is compatible with order-in-components |  | :hammer: |
 | [vue/static-class-names-order](./static-class-names-order.md) | enforce static class names order | :wrench: | :hammer: |
diff --git a/docs/rules/require-typed-ref.md b/docs/rules/require-typed-ref.md
index 597026ca7..e457713d0 100644
--- a/docs/rules/require-typed-ref.md
+++ b/docs/rules/require-typed-ref.md
@@ -2,7 +2,7 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/require-typed-ref
-description: xxx
+description: require `ref` and `shallowRef` functions to be strongly typed
 ---
 # vue/require-typed-ref
 
@@ -28,7 +28,7 @@ count.value = '50' // Should be a type error, but it is not
 
 const count = shallowRef()
 
-/* ✗ GOOD */
+/* ✓ GOOD */
 const count = ref<number>()
 const count = ref(0)
 const count: Ref<number | undefined> = ref()
@@ -41,3 +41,7 @@ const count: Ref<number | undefined> = ref()
 
 Nothing.
 
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-typed-ref.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/require-typed-ref.js)

From 13ceb18dcae46dd4d1e22ebdfac78965797ca566 Mon Sep 17 00:00:00 2001
From: Ivan Demchuk <ivan.demchuk@gmail.com>
Date: Fri, 2 Jun 2023 14:19:52 +0300
Subject: [PATCH 09/18] Add options to docs

---
 docs/rules/require-typed-ref.md | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/docs/rules/require-typed-ref.md b/docs/rules/require-typed-ref.md
index e457713d0..a33a0d6b1 100644
--- a/docs/rules/require-typed-ref.md
+++ b/docs/rules/require-typed-ref.md
@@ -39,7 +39,13 @@ const count: Ref<number | undefined> = ref()
 
 ## :wrench: Options
 
-Nothing.
+```json
+{
+  "vue/require-typed-ref": ["error", {
+    "requireExplicitType": true
+  }]
+}
+```
 
 ## :mag: Implementation
 

From 5f1b9a8e864d183093e64a92100ec9ccf9ff0ec8 Mon Sep 17 00:00:00 2001
From: Ivan Demchuk <ivan.demchuk@gmail.com>
Date: Fri, 2 Jun 2023 14:23:17 +0300
Subject: [PATCH 10/18] Do not check other functions

---
 lib/rules/require-typed-ref.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/lib/rules/require-typed-ref.js b/lib/rules/require-typed-ref.js
index 56298756c..218aa9981 100644
--- a/lib/rules/require-typed-ref.js
+++ b/lib/rules/require-typed-ref.js
@@ -78,6 +78,10 @@ module.exports = {
     return {
       Program() {
         for (const ref of defines) {
+          if (ref.name !== 'ref' && ref.name !== 'shallowRef') {
+            continue
+          }
+
           if (ref.node.arguments.length > 0 && !requireExplicitType) {
             continue
           }

From 5424b7496e1067af027dc895e000dbe0962a1bb6 Mon Sep 17 00:00:00 2001
From: Ivan Demchuk <ivan.demchuk@gmail.com>
Date: Fri, 2 Jun 2023 14:26:34 +0300
Subject: [PATCH 11/18] Fix extension check

---
 lib/utils/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/utils/index.js b/lib/utils/index.js
index b3020c888..1c54ef3f0 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -2422,7 +2422,7 @@ function getVExpressionContainer(node) {
  * @param {string} path
  */
 function isTypeScriptFile(path) {
-  return path.endsWith('.ts') || path.endsWith('.tsx') || path.endsWith('mts')
+  return path.endsWith('.ts') || path.endsWith('.tsx') || path.endsWith('.mts')
 }
 
 // ------------------------------------------------------------------------------

From 5c5bc62f441dc78af49d258354b2af2404b111f4 Mon Sep 17 00:00:00 2001
From: Ivan Demchuk <ivan.demchuk@gmail.com>
Date: Fri, 2 Jun 2023 14:42:16 +0300
Subject: [PATCH 12/18] Add check for literal null and undefined

---
 lib/rules/require-typed-ref.js       | 21 +++++++++++++++++-
 tests/lib/rules/require-typed-ref.js | 32 ++++++++++++++++++++++++++++
 2 files changed, 52 insertions(+), 1 deletion(-)

diff --git a/lib/rules/require-typed-ref.js b/lib/rules/require-typed-ref.js
index 218aa9981..64b24a091 100644
--- a/lib/rules/require-typed-ref.js
+++ b/lib/rules/require-typed-ref.js
@@ -7,6 +7,21 @@
 const { iterateDefineRefs } = require('../utils/ref-object-references')
 const utils = require('../utils')
 
+/**
+ * @param {Expression|SpreadElement} node
+ */
+function isNullOrUndefined(node) {
+  if (node.type === 'Literal' && node.value === null) {
+    return true
+  }
+
+  if (node.type === 'Identifier' && node.name === 'undefined') {
+    return true
+  }
+
+  return false
+}
+
 /**
  * @typedef {import('../utils/ref-object-references').RefObjectReferences} RefObjectReferences
  */
@@ -82,7 +97,11 @@ module.exports = {
             continue
           }
 
-          if (ref.node.arguments.length > 0 && !requireExplicitType) {
+          if (
+            ref.node.arguments.length > 0 &&
+            !isNullOrUndefined(ref.node.arguments[0]) &&
+            !requireExplicitType
+          ) {
             continue
           }
 
diff --git a/tests/lib/rules/require-typed-ref.js b/tests/lib/rules/require-typed-ref.js
index 5076c08bb..74a07ff12 100644
--- a/tests/lib/rules/require-typed-ref.js
+++ b/tests/lib/rules/require-typed-ref.js
@@ -96,6 +96,38 @@ tester.run('require-typed-ref', rule, {
         }
       ]
     },
+    {
+      filename: 'test.ts',
+      code: `
+        import { ref } from 'vue'
+        const count = ref(null)
+      `,
+      errors: [
+        {
+          messageId: 'noType',
+          line: 3,
+          column: 23,
+          endLine: 3,
+          endColumn: 32
+        }
+      ]
+    },
+    {
+      filename: 'test.ts',
+      code: `
+        import { ref } from 'vue'
+        const count = ref(undefined)
+      `,
+      errors: [
+        {
+          messageId: 'noType',
+          line: 3,
+          column: 23,
+          endLine: 3,
+          endColumn: 37
+        }
+      ]
+    },
     {
       filename: 'test.ts',
       code: `

From 66195e96901bd1ad76faa52af6754cfa526f5ca6 Mon Sep 17 00:00:00 2001
From: Ivan Demchuk <ivan.demchuk@gmail.com>
Date: Fri, 2 Jun 2023 14:57:39 +0300
Subject: [PATCH 13/18] Apply suggestions from code review

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 docs/rules/require-typed-ref.md | 4 ++--
 lib/rules/require-typed-ref.js  | 6 +-----
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/docs/rules/require-typed-ref.md b/docs/rules/require-typed-ref.md
index a33a0d6b1..26d3c4f47 100644
--- a/docs/rules/require-typed-ref.md
+++ b/docs/rules/require-typed-ref.md
@@ -14,7 +14,7 @@ description: require `ref` and `shallowRef` functions to be strongly typed
 
 This rule disallows calling `ref()` or `shallowRef()` functions without generic type parameter or an argument when using TypeScript.
 
-With TypeScript it is easy to prevent usage of `any` by using `no-implicit-any`. Unfortunately this rule is easily bypassed with Vue `ref()` function. Calling `ref()` function without a generic parameter or an initial value leads to ref having `Ref<any>` type.
+With TypeScript it is easy to prevent usage of `any` by using [`noImplicitAny`](https://www.typescriptlang.org/tsconfig#noImplicitAny). Unfortunately this rule is easily bypassed with Vue `ref()` function. Calling `ref()` function without a generic parameter or an initial value leads to ref having `Ref<any>` type.
 
 <eslint-code-block :rules="{'vue/require-typed-ref': ['error']}">
 
@@ -42,7 +42,7 @@ const count: Ref<number | undefined> = ref()
 ```json
 {
   "vue/require-typed-ref": ["error", {
-    "requireExplicitType": true
+    "requireExplicitType": false
   }]
 }
 ```
diff --git a/lib/rules/require-typed-ref.js b/lib/rules/require-typed-ref.js
index 64b24a091..19dfb18ae 100644
--- a/lib/rules/require-typed-ref.js
+++ b/lib/rules/require-typed-ref.js
@@ -54,11 +54,7 @@ module.exports = {
   },
   /** @param {RuleContext} context */
   create(context) {
-    let requireExplicitType = false
-    const option = context.options[0]
-    if (option) {
-      requireExplicitType = option.requireExplicitType
-    }
+    const { requireExplicitType = false } = context.options[0] ?? {}
 
     const filename = context.getFilename()
     if (!utils.isVueFile(filename) && !utils.isTypeScriptFile(filename)) {

From 15b8da38bbfabfe6819ac0080d92bb4a36357a13 Mon Sep 17 00:00:00 2001
From: Ivan Demchuk <ivan.demchuk@gmail.com>
Date: Fri, 2 Jun 2023 14:58:37 +0300
Subject: [PATCH 14/18] Add option explanation

---
 docs/rules/require-typed-ref.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/docs/rules/require-typed-ref.md b/docs/rules/require-typed-ref.md
index 26d3c4f47..476723734 100644
--- a/docs/rules/require-typed-ref.md
+++ b/docs/rules/require-typed-ref.md
@@ -47,6 +47,9 @@ const count: Ref<number | undefined> = ref()
 }
 ```
 
+- `requireExplicitType` ... If `true`, requires `ref` and `shallowRef` functions to have type specified, even if there is a argument. Requires to write `const count = ref<number>(0)`.
+    default `false`
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/require-typed-ref.js)

From 6e72b920f186848aaf73917cffb39e86c18e5648 Mon Sep 17 00:00:00 2001
From: Ivan Demchuk <ivan.demchuk@gmail.com>
Date: Fri, 2 Jun 2023 15:01:36 +0300
Subject: [PATCH 15/18] Add defineComponent with setup function tests

---
 tests/lib/rules/require-typed-ref.js | 41 ++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)

diff --git a/tests/lib/rules/require-typed-ref.js b/tests/lib/rules/require-typed-ref.js
index 74a07ff12..1a608a9da 100644
--- a/tests/lib/rules/require-typed-ref.js
+++ b/tests/lib/rules/require-typed-ref.js
@@ -61,6 +61,22 @@ tester.run('require-typed-ref', rule, {
         }
       `
     },
+    {
+      filename: 'test.ts',
+      code: `
+      import { ref, defineComponent } from 'vue'
+      defineComponent({
+        setup() {
+          const count = ref<number>()
+          // ...
+          return {
+            count,
+            // ...
+          }
+        }
+      })
+      `
+    },
     {
       filename: 'test.vue',
       parser: require.resolve('vue-eslint-parser'),
@@ -218,6 +234,31 @@ tester.run('require-typed-ref', rule, {
           endColumn: 30
         }
       ]
+    },
+    {
+      filename: 'test.ts',
+      code: `
+        import { ref, defineComponent } from 'vue'
+        defineComponent({
+          setup() {
+            const count = ref()
+            // ...
+            return {
+              count,
+              // ...
+            }
+          }
+        })
+      `,
+      errors: [
+        {
+          messageId: 'noType',
+          line: 5,
+          column: 27,
+          endLine: 5,
+          endColumn: 32
+        }
+      ]
     }
   ]
 })

From 129916f2d3747064acec45ae7083ec3585df8b4c Mon Sep 17 00:00:00 2001
From: Ivan Demchuk <ivan.demchuk@gmail.com>
Date: Fri, 2 Jun 2023 16:04:07 +0300
Subject: [PATCH 16/18] Apply suggestions from code review

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 tests/lib/rules/require-typed-ref.js | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/tests/lib/rules/require-typed-ref.js b/tests/lib/rules/require-typed-ref.js
index 1a608a9da..330b78bc1 100644
--- a/tests/lib/rules/require-typed-ref.js
+++ b/tests/lib/rules/require-typed-ref.js
@@ -68,11 +68,7 @@ tester.run('require-typed-ref', rule, {
       defineComponent({
         setup() {
           const count = ref<number>()
-          // ...
-          return {
-            count,
-            // ...
-          }
+          return { count }
         }
       })
       `
@@ -242,11 +238,7 @@ tester.run('require-typed-ref', rule, {
         defineComponent({
           setup() {
             const count = ref()
-            // ...
-            return {
-              count,
-              // ...
-            }
+            return { count }
           }
         })
       `,

From 6350bab2ca99ad60ad99503f8426eefe75a27053 Mon Sep 17 00:00:00 2001
From: Ivan Demchuk <ivan.demchuk@gmail.com>
Date: Fri, 9 Jun 2023 11:32:02 +0300
Subject: [PATCH 17/18] Remove `requireExplicitType` option

---
 docs/rules/require-typed-ref.md      | 11 +----------
 lib/rules/require-typed-ref.js       | 17 ++---------------
 tests/lib/rules/require-typed-ref.js | 17 -----------------
 3 files changed, 3 insertions(+), 42 deletions(-)

diff --git a/docs/rules/require-typed-ref.md b/docs/rules/require-typed-ref.md
index 476723734..933c26cb0 100644
--- a/docs/rules/require-typed-ref.md
+++ b/docs/rules/require-typed-ref.md
@@ -39,16 +39,7 @@ const count: Ref<number | undefined> = ref()
 
 ## :wrench: Options
 
-```json
-{
-  "vue/require-typed-ref": ["error", {
-    "requireExplicitType": false
-  }]
-}
-```
-
-- `requireExplicitType` ... If `true`, requires `ref` and `shallowRef` functions to have type specified, even if there is a argument. Requires to write `const count = ref<number>(0)`.
-    default `false`
+Nothing.
 
 ## :mag: Implementation
 
diff --git a/lib/rules/require-typed-ref.js b/lib/rules/require-typed-ref.js
index 19dfb18ae..29da19ab3 100644
--- a/lib/rules/require-typed-ref.js
+++ b/lib/rules/require-typed-ref.js
@@ -40,22 +40,10 @@ module.exports = {
       noType:
         'Specify type parameter for `{{name}}` function, otherwise created variable will not by typechecked.'
     },
-    schema: [
-      {
-        type: 'object',
-        properties: {
-          requireExplicitType: {
-            type: 'boolean'
-          }
-        },
-        additionalProperties: false
-      }
-    ]
+    schema: []
   },
   /** @param {RuleContext} context */
   create(context) {
-    const { requireExplicitType = false } = context.options[0] ?? {}
-
     const filename = context.getFilename()
     if (!utils.isVueFile(filename) && !utils.isTypeScriptFile(filename)) {
       return {}
@@ -95,8 +83,7 @@ module.exports = {
 
           if (
             ref.node.arguments.length > 0 &&
-            !isNullOrUndefined(ref.node.arguments[0]) &&
-            !requireExplicitType
+            !isNullOrUndefined(ref.node.arguments[0])
           ) {
             continue
           }
diff --git a/tests/lib/rules/require-typed-ref.js b/tests/lib/rules/require-typed-ref.js
index 330b78bc1..571b5c5de 100644
--- a/tests/lib/rules/require-typed-ref.js
+++ b/tests/lib/rules/require-typed-ref.js
@@ -140,23 +140,6 @@ tester.run('require-typed-ref', rule, {
         }
       ]
     },
-    {
-      filename: 'test.ts',
-      code: `
-        import { ref } from 'vue'
-        const count = ref(0)
-      `,
-      options: [{ requireExplicitType: true }],
-      errors: [
-        {
-          messageId: 'noType',
-          line: 3,
-          column: 23,
-          endLine: 3,
-          endColumn: 29
-        }
-      ]
-    },
     {
       filename: 'test.ts',
       code: `

From 36711a8d272ca89baab438377748273ba646f001 Mon Sep 17 00:00:00 2001
From: Ivan Demchuk <ivan.demchuk@gmail.com>
Date: Fri, 9 Jun 2023 11:47:31 +0300
Subject: [PATCH 18/18] Apply suggestions from code review

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 lib/rules/require-typed-ref.js | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/lib/rules/require-typed-ref.js b/lib/rules/require-typed-ref.js
index 29da19ab3..f8fce39de 100644
--- a/lib/rules/require-typed-ref.js
+++ b/lib/rules/require-typed-ref.js
@@ -11,15 +11,10 @@ const utils = require('../utils')
  * @param {Expression|SpreadElement} node
  */
 function isNullOrUndefined(node) {
-  if (node.type === 'Literal' && node.value === null) {
-    return true
-  }
-
-  if (node.type === 'Identifier' && node.name === 'undefined') {
-    return true
-  }
-
-  return false
+  return (
+    (node.type === 'Literal' && node.value === null) ||
+    (node.type === 'Identifier' && node.name === 'undefined')
+  )
 }
 
 /**
@@ -93,8 +88,9 @@ module.exports = {
               ref.node.parent.type === 'VariableDeclarator' &&
               ref.node.parent.id.type === 'Identifier'
             ) {
-              if (ref.node.parent.id.typeAnnotation == null)
+              if (ref.node.parent.id.typeAnnotation == null) {
                 report(ref.name, ref.node)
+              }
             } else {
               report(ref.name, ref.node)
             }