How to build the querystring of an URL?

[guettli]

I want to build the querystring of an URL:

	<tr
		hx-get="/?page=0&query={ query }"
		hx-trigger="revealed"
		hx-swap="afterend"
	></tr>

But this fails.

The string { query } gets taken literally, it does not get treated like a variable.

How to build a URL with querystring with templ?

[joerdav]

Currently you would have to adopt one of 2 approaches:

Probably the more "proper way":

func buildRowUrl(query string) string {
    u, _ := url.Parse("/")
    q := url.Values{}
    q.Set("page", "0")
    q.Set("query", query)
    u.RawQuery = q.Encode()
    return u.String()
}

templ row() {
    	<tr
		hx-get={ buildRowUrl(query) }
		hx-trigger="revealed"
		hx-swap="afterend"
	></tr>
}

The shorter way:

templ row() {
    	<tr
		hx-get={ "/?page=0&query=" + url.QueryEscape(query) }
		hx-trigger="revealed"
		hx-swap="afterend"
	></tr>
}