Fix false positives for type def with script setup in ts no-unused-va…

…rs (#191)

src/script-setup/scope-analyzer.ts

@@ -205,6 +205,12 @@ function analyzeUsedInTemplateVariables(
 
         variable.references.push(reference)
         reference.resolved = variable
+
+        if (reference.isTypeReference) {
+            // @typescript-eslint/no-unused-vars treats type references at the same position as recursive references,
+            // so without this flag it will be marked as unused.
+            ;(variable as any).eslintUsed = true
+        }
     }
 
     function processVExpressionContainer(node: VExpressionContainer) {

test/fixtures/integrations/script-setup-with-typescript-eslint/no-unused-vars/.eslintrc.json

@@ -0,0 +1,5 @@
+{
+    "rules": {
+        "@typescript-eslint/no-unused-vars": "error"
+    }
+}

test/fixtures/integrations/script-setup-with-typescript-eslint/no-unused-vars/valid/type-def.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+import MyComponent from "./components/MyComponent.vue";
+interface Foo {
+  foo?: string;
+}
+type Bar = string;
+</script>
+
+<template>
+  <MyComponent
+    :foo="{} as Foo"
+    :bar="'s' as Bar"
+  />
+</template>