Describe the bug
I'm using Taxi in my project to enhance navigation with smooth page transitions. However, I've encountered an issue where CSS variables defined within my components are not persisting across page navigations. Initially, on the home page, the CSS variables are applied correctly. But when I navigate to another page and then return, the CSS variables disappear, affecting the styling of my components.
To Reproduce
Steps to reproduce the behavior:
Start on the home page where CSS variables are defined and applied correctly to components.
Use Taxi navigation to move to another page in the application.
Return to the home page, either by back navigation or by clicking a link back to home.
Observe that CSS variables are no longer applied to the components.
Expected:
CSS variables defined in components persist across all pages and are reapplied correctly when navigating back to a page where they were initially loaded.
Describe the bug I'm using Taxi in my project to enhance navigation with smooth page transitions. However, I've encountered an issue where CSS variables defined within my components are not persisting across page navigations. Initially, on the home page, the CSS variables are applied correctly. But when I navigate to another page and then return, the CSS variables disappear, affecting the styling of my components.
To Reproduce Steps to reproduce the behavior:
Expected: CSS variables defined in components persist across all pages and are reapplied correctly when navigating back to a page where they were initially loaded.
Info
https://github.com/craftedbygc/taxi/assets/97440314/809ef1ff-c06d-43a5-ad05-38c3d3144576