Ais Sort by Getting reset when not in view

I am working on a chrome extension for a client, and I’m having an issue where the sort by vue component gets reset, and as a result resets the current index being used in the results list, whenever the compoent is out of view. It’s in a collapsible sidebar, that animates in and out, like an off screen sidebar. The sort by works when the sidebar is in view, but as soon as the didebar closes the sort by is reset. How can I persist the selected index and selection in the compoent? I have tried the vue Keepalive but it didnt alleviate the problem. Any help is appreciated.