vuejs
diff --git a/‎src/script-setup/scope-analyzer.ts
Copy file name to clipboardExpand all lines: src/script-setup/scope-analyzer.ts
+6Lines changed: 6 additions & 0 deletions b/‎src/script-setup/scope-analyzer.ts
Copy file name to clipboardExpand all lines: src/script-setup/scope-analyzer.ts
+6Lines changed: 6 additions & 0 deletions
diff --git a/‎test/fixtures/integrations/script-setup-with-typescript-eslint/no-unused-vars/.eslintrc.json
Copy file name to clipboard
+5Lines changed: 5 additions & 0 deletions b/‎test/fixtures/integrations/script-setup-with-typescript-eslint/no-unused-vars/.eslintrc.json
Copy file name to clipboard
+5Lines changed: 5 additions & 0 deletions
diff --git a/‎test/fixtures/integrations/script-setup-with-typescript-eslint/no-unused-vars/valid/type-def.vue
Copy file name to clipboard
+14Lines changed: 14 additions & 0 deletions b/‎test/fixtures/integrations/script-setup-with-typescript-eslint/no-unused-vars/valid/type-def.vue
Copy file name to clipboard
+14Lines changed: 14 additions & 0 deletions
@@ -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) {
 
@@ -0,0 +1,5 @@
+{
+    "rules": {
+        "@typescript-eslint/no-unused-vars": "error"
+    }
+}
@@ -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>