VUEJS ais-toggle-refinement set to active on page-load

How do I set the the ais-toggle-refinement widget to be refined when the page loads?

React has defaultRefinement={true} but VUEJS does not have this attribute.

Hi @daniel.avis,

Thanks for your question!

Indeed, there is no default refinement for non-react yet.

However, you can set the default with the ais-configure widget.

Let us know how this works for you or if you have more questions!

Hello, thanks for the reply.

I have been trying to get this working over the weekend, but no luck.

Does anyone have examples on how to use this?

Hi @daniel.avis,

Could you put your code in a codesandbox using this starter template for Vue.

Then we can help troubleshoot.