fix: setServiceAndID watcher as immediate

[remihuigen]

Problem

The id ref does not get populated when the component mounts, showing a video interface without a selected video file (even if the component props have an id value)

Solution

Set the responsible watcher immediate prop to true

watch(() => props.value, setServiceAndID, { immediate: true });

function setServiceAndID() {
  if (!props.value) return;

  service.value = props.value.service;

  if (service.value === 'directus') {
    fileID.value = props.value.id;
    return;
  }

  id.value = props.value.id;
}

NOT: this exact behavior is already present in the audio-interface

[Copilot]

Pull Request Overview

This PR fixes an initialization issue where the video interface component doesn't display the selected video file when mounting with an existing ID value. The fix makes the watcher that handles service and ID initialization run immediately on component mount.

• Updated the props.value watcher to include the immediate: true option

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}