docs: Inline method components

[Ra0k]

The language supports method components like this:

package main

type Data struct {
	message string
}

templ (d Data) Method() {
	<div>{ d.message }</div>
}

func main() {
	d := Data{
		message: "You can implement methods on a type.",
	}
	d.Method().Render(context.Background(), os.Stdout)
}

Would it be possible to add support for this kind of syntax?
Sorry, if it is already supported, I did not find anything about the specific syntax in the documentation nor a working example.

templ Hello() {
	@Data{
		message: "You can implement methods on a type.",
	}.Method()
}

This syntax could be a cleaner way of configuring renderable components than passing config arguments to functions.

[joerdav]

Hi there thank you for the report.

In-fact this syntax is already supported. Perhaps if you have time you might like to add an example to the docs please?

https://templ.guide/core-concepts/components/#method-components

[Ra0k]

@joerdav this syntax does not work for me as it is.

Extending the demo code with the following:

templ Hello() {
	@Data{
		message: "You can implement methods on a type.",
	}.Method()
}

will result in this error message:
Data.Render undefined (type Data has no field or method Render

[joerdav]

@Ra0k What version are you running of templ? Try installing the mainline version of the cli, the parsing has been improved: go install github.com/a-h/templ/cmd/templ@main.

[Ra0k]

Thank you, @joerdav! I haven't realized that it's now supported in the new version! I can confirm that it indeed works.