VImage watcher for changes in prop when episode switches to different…

… sources

v2/src/components/VImage.vue

@@ -3,15 +3,23 @@ import VImageNpr from "./VImageNpr.vue"
 import VImagePublisher from "./VImagePublisher.vue"
 import VImageWagtail from "./VImageWagtail.vue"
 import { cmsSources, getCmsSource } from "./helpers.js"
+import { ref, watch } from "vue"
 
 const props = defineProps({
   src: {
     default: null,
     type: String,
   },
 })
+const cmsSource = ref(getCmsSource(props.src))
 
-const cmsSource = getCmsSource(props.src)
+// Watch the 'src' prop for changes and update 'cmsSource' accordingly
+watch(
+  () => props.src,
+  (newSrc) => {
+    cmsSource.value = getCmsSource(newSrc)
+  }
+)
 </script>
 
 <template>