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

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>

Author: KazariEX

lib/rules/no-unused-refs.js

@@ -233,6 +233,19 @@ module.exports = {
  refsNode = id.parent
  }
  extractUsedForPattern(refsNode)
+ },
+ CallExpression(callExpression) {
+ const firstArgument = callExpression.arguments[0]
+ if (
+ callExpression.callee.name !== 'useTemplateRef' ||
+ !firstArgument
+ ) {
+ return
+ }
+ const name = utils.getStringLiteralValue(firstArgument)
+ if (name !== null) {
+ usedRefs.add(name)
+ }
  }
  }
  )

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>
+ `
  }
  ],