sorting and queryParams

Hi,

I'm looking for a way to have paging and sorting accessible via query params (for navigation purposes (back button)). For paging I got this working now, but the sorting logic is hardcoded with a click handler which (seems to) means I cannot easily use a link-to helper with its query property in a custom header template.

What would be the recommended manner to achieve sorting via query params?

<t.head
    @columns={{this.columns}}
    @sorts={{this.sorts}}
    @onUpdateSorts={{action "onUpdateSorts"}} as |h|>

    <h.row as |r|>
      <r.cell as |columnValue columnMeta|>
        {{#if columnMeta.isSortable}}
          <EmberTh::SortIndicator @columnMeta={{columnMeta}} />
          <LinkTo @query={{hash sort=columnValue.valuePath}}>{{columnValue.name}}</LinkTo>
        {{/if}}

        <EmberTh::ResizeHandle @columnMeta={{columnMeta}} />
      </r.cell>
    </h.row>
</t.head>

Start by reading addon/components/ember-th/component.js around the linked click handler, then review the custom header template and its use of LinkTo query parameters. Clarify the intended sorting and paging behavior before proposing an integration path; done would be a documented, agreed-upon way to preserve sorting through query parameters and navigation.