Problem with reactivity and cookies.

I want to build a currency selector for my website, where I currently only display prices in USD. I thought of making a currency selector that stores the selected currency as a cookie. I made a composable called usePrice and a <Price/> component that gets a value and reactivly update the displayed price. But the problem I have is, if I render the <Price/> component for example 10 times, only the last rendered component will reactivley change the displayed price when I change the currency. The other ones will not. Only if I hard refresh the site they will show the updated price too. I don't know where this problem comes from or if it has to do something with my logic. Here is screenshots of my code: 1. Currency Selector Component 2. usePrice composable 3. <Price/> component