Refine by specific attribute values

[karlomikus]

I have the following resource ids available as an array that I want to use as a refinement:

• Favorited resource ids: [1, 2, 3, 4]
• Resource ids you can create: [3, 4, 5, 6, 7]

I'm currently using toggle-refinement component in the following way:

// Toggle favorites
<ais-toggle-refinement attribute="id" :on="[1, 2, 3, 4]"></ais-toggle-refinement>
// Toggle create
<ais-toggle-refinement attribute="id" :on="[3, 4, 5, 6, 7]"></ais-toggle-refinement>

This solution kinda works, but the issue is:

• Routing is always added as: http://url.com/resources?toggle[id]=true so you can't know what refinement is currently active
• If the array of attribute values is empty, ex: :on="[]", the refinement is considered active
• The current-refinements component can't distinct between 2 different refinements since they use the same attribute

Is there a better way to implement multiple refinements by the same attribute with a known list of values?

[karlomikus]

This seems to be a little too complicated so I went with a different route. Now I have buttons that toggle filters property on <ais-configure> component, like this:

<ais-configure filters="id IN [1, 2, 3, 4, 5]" />

You can also see this related discussion here: https://github.com/algolia/instantsearch/discussions/5416