Treesitter Query to Get Vue Syntax Highlighting in Storybook Stories

after-queries-typescript-injections.scm.scm

; extends
(
 (export_statement
	declaration: (lexical_declaration (variable_declarator
		type: (type_annotation
			(type_identifier) @idenStory (#eq? @idenStory "Story")
		)
		value: (object
			(pair
				key: (property_identifier) @idenRender (#eq? @idenRender "render")
				value: (_
					body: (_ (object (pair
							key: (property_identifier) @idenTemplate (#eq? @idenTemplate "template")
							value: (
								; remove quotes
								(template_string) @injection.content (#offset! @injection.content 0 1 0 -1)
							)
							(#set! injection.language "vue")
							(#set! injection.include-children)
						)))
					)
				)
			) 
		))
	)
)