better handle check

packages/houdini/src/lib/router/manifest.test.ts

@@ -614,6 +614,27 @@ describe('extractQueries', async () => {
     `,
 			expected: ['title', 'content'],
 		},
+		{
+			name: '$handle',
+			source: `
+      import React from 'react';
+
+      interface Props {
+        title: string;
+        content: string;
+      }
+
+      const MyComponent = ({ title$handle }: Props) => (
+        <div>
+          <h1>{title}</h1>
+          <p>{content}</p>
+        </div>
+      );
+
+      export default MyComponent;
+    `,
+			expected: ['title'],
+		},
 		{
 			name: 'Functional component with function expression',
 			source: `

packages/houdini/src/lib/router/manifest.ts

@@ -387,5 +387,17 @@ export async function extractQueries(source: string): Promise<string[]> {
 		return []
 	}
 
-	return props.filter((p) => p !== 'children' && !p.endsWith('$handle'))
+	return props.reduce<string[]>((queries, query) => {
+		// skip the children prop
+		if (query === 'children') {
+			return queries
+		}
+
+		// if the query ends with $handle just use the query name
+		if (query.endsWith('$handle')) {
+			query = query.substring(0, query.length - '$handle'.length)
+		}
+
+		return queries.concat([query])
+	}, [])
 }