fix(no-unused-props): handle alias props name properly

Author: baseballyama

Diff for: .changeset/fifty-jeans-thank.md

@@ -0,0 +1,5 @@
+---
+'eslint-plugin-svelte': patch
+---
+
+fix(no-unused-props): handle alias props name properly

Diff for: packages/eslint-plugin-svelte/src/rules/no-unused-props.ts

@@ -185,13 +185,22 @@ export default createRule('no-unused-props', {
 		function getUsedPropertyNamesFromPattern(pattern: TSESTree.ObjectPattern): Set<string> {
 			const usedProps = new Set<string>();
 			for (const prop of pattern.properties) {
-				if (prop.type === 'Property' && prop.key.type === 'Identifier') {
-					usedProps.add(prop.key.name);
+				if (prop.type === 'Property') {
+					if (prop.key.type === 'Identifier') {
+						usedProps.add(prop.key.name);
+					} else if (
+						prop.key.type === 'Literal' &&
+						typeof prop.key.value === 'string' &&
+						prop.value.type === 'Identifier'
+					) {
+						usedProps.add(prop.key.value);
+					}
 				} else if (prop.type === 'RestElement') {
 					// If there's a rest element, all properties are potentially used
 					return new Set();
 				}
 			}
+
 			return usedProps;
 		}
 

Diff for: packages/eslint-plugin-svelte/tests/fixtures/rules/no-unused-props/valid/alias-input.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+	type Props = {
+		test: string;
+		'aria-label'?: string;
+	};
+
+	const { test, 'aria-label': ariaLabel }: Props = $props();
+</script>
+
+<h1>{test}</h1>
+<div aria-label={ariaLabel}>svelte/no-unused-props does not always respect aliases</div>