feat(no-unused-refs): support template ref api

Author: KazariEX

lib/rules/no-unused-refs.js

@@ -233,6 +233,26 @@ module.exports = {
               refsNode = id.parent
             }
             extractUsedForPattern(refsNode)
+          },
+          CallExpression(exp) {
+            if (
+              exp.callee.name !== 'useTemplateRef' &&
+              exp.callee.name !== 'templateRef'
+            ) {
+              return
+            }
+            const arg0 = exp.arguments[0]
+            if (!arg0) {
+              return
+            }
+            if (arg0.type === 'Literal') {
+              usedRefs.add(arg0.value)
+            } else if (
+              arg0.type === 'TemplateLiteral' &&
+              arg0.quasis.length === 1
+            ) {
+              usedRefs.add(arg0.quasis[0].value.cooked)
+            }
           }
         }
       )

tests/lib/rules/no-unused-refs.js

@@ -315,6 +315,20 @@ tester.run('no-unused-refs', rule, {
       const x = ref(null)
       </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <input ref="x" />
+        <input ref="y" />
+      </template>
+      <script setup>
+      import {useTemplateRef} from 'vue'
+      const inputX = useTemplateRef('x')
+      const inputY = templateRef(\`y\`)
+      </script>
+      `
     }
   ],