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

lib/rules/no-unused-refs.js

@@ -233,6 +233,23 @@ module.exports = {
  refsNode = id.parent
  }
  extractUsedForPattern(refsNode)
+ },
+ CallExpression(exp) {
+ if (exp.callee.name !== 'useTemplateRef') {
+ 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 = useTemplateRef(\`y\`)
+ </script>
+ `
  }
  ],