test: add more test cases

Author: ntnyq

tests/lib/rules/prefer-use-template-ref.js

@@ -265,7 +265,24 @@ tester.run('prefer-use-template-ref', rule, {
       `
     },
     {
-      filename: 'multiple-scripts.vue',
+      filename: 'multiple-scripts-setup-first.vue',
+      code: `
+      <template>
+        <div ref="root" :data-a="A" />
+      </template>
+
+      <script setup>
+      import { useTemplateRef } from 'vue'
+      const root = useTemplateRef('root')
+      </script>
+
+      <script>
+      const A = 'foo'
+      </script>
+      `
+    },
+    {
+      filename: 'multiple-scripts-setup-last.vue',
       code: `
       <template>
         <div ref="root" :data-a="A" />
@@ -439,7 +456,34 @@ tester.run('prefer-use-template-ref', rule, {
       ]
     },
     {
-      filename: 'multiple-scripts.vue',
+      filename: 'multiple-scripts-setup-first.vue',
+      code: `
+      <template>
+        <div ref="root" :data-a="A" />
+      </template>
+
+      <script setup>
+      import { ref } from 'vue'
+      const root = ref()
+      </script>
+
+      <script>
+      const A = 'foo'
+      </script>
+      `,
+      errors: [
+        {
+          messageId: 'preferUseTemplateRef',
+          data: {
+            name: 'ref'
+          },
+          line: 8,
+          column: 20
+        }
+      ]
+    },
+    {
+      filename: 'multiple-scripts-setup-last.vue',
       code: `
       <template>
         <div ref="root" :data-a="A" />