[maxmilian]

Fixes #2570

Problem

src/extraction/vue-extractor.ts picked a script block's grammar from lang="ts" / lang="typescript" only, so <script lang="tsx"> was parsed as JavaScript. The JavaScript grammar cannot read TypeScript, so:

• a macro-only script like withDefaults(defineProps<{ title?: string }>(), …) produced no symbols and a parse_error warning;
• a script with other declarations parsed just as badly, but the warning stayed quiet because it only fires when nothing survives, and an interface declared in the script never reached the graph.

Fix

• src/extraction/vue-extractor.ts: each script block now carries its language instead of an isTypeScript flag: tsx → tsx, ts / typescript → typescript, otherwise javascript. The attribute is matched case-insensitively (lang="TSX", lang="TS"), as the viewer already did. tsx is an existing language, and the block still goes through the same TreeSitterExtractor path as before.
• src/extraction/syntax-tokens.ts: the viewer's script-region detection reads a Vue lang="tsx" block as tsx too. Its comment says the viewer reads a component with the same grammar the graph was built from, so it has to change with the extractor.

Svelte is unchanged. svelte-extractor.ts has the same ts|typescript check, but Svelte has no TSX script language, so the viewer maps tsx only for Vue and stays in step with each extractor.

Tests

New __tests__/vue-tsx-script.test.ts:

• the issue's macro-only SFC gives no parse_error
• the grammar itself, not the warning: for the macro-only SFC and for a script with types, JSX and other declarations, the script region is tsx and the TSX parse of it has no error. As the issue says, a missing warning alone does not show which grammar ran.
• the types-and-JSX script yields its interface, both functions, and the call made inside JSX (Row → shout)
• lang="TSX" and lang='tsx' give tsx in both the extractor and the viewer, and lang="TS" gives typescript
• lang="ts" is still TypeScript and a script without lang is still JavaScript

Red first: with the src/ change stashed, the first three fail (parse_error present, region javascript, interface missing), and the control passes. The case test failed before the extractor matched lang case-insensitively (the viewer said tsx, the extractor lost the interface).

npm run build and npm test on Node 22: 570 files passed, 16 skipped; 6821 tests passed, 353 skipped.

Notes

• CHANGELOG: one entry under [Unreleased] → ### Fixes.

🤖 Generated with Claude Code

[colbymchenry]

Thanks for this fix, @maxmilian!

#2570 was fixed on main by #2824, which your PR guided and which credits you; it also makes Vue-only projects load the TSX grammar. Your tests pass on current main except the uppercase lang="TSX" case, which main matches as written, as the extractor always has. Closing as already fixed; it ships in the next release after 1.6.2.