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