Switching source url doesn't behave correctly

[htrandev172]

Describe the bug
https://stackblitz.com/edit/vue3-openlayers-template-q76erp?file=src/components/TheMap.vue,src/App.vue
Same behavior can be observed here: https://vue3openlayers.netlify.app/componentsguide/sources/xyz/

Please have a look at this demo using the latest version. When switching map url (using a computed property), it looks like the source does not clean up properly. If you click the Switch button on the demo, then try zoom in / out, you will see the previous map still flashing.

I suspect it has something to do with reusing the source on useSource.ts file in the recent version (I tested v10, v11). I switched to version 8 and this bug didn't happen.

Affected version(s)

Please run npm list --depth=0 vue vue3-openlayers ol ol-ext ol-contextmenu and paste the output below:

+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
`-- [email protected]

Thanks. Please let me know if I can help with anything.