How to initialize Editor component with a string?

[lucasdavidferrero]

Hello,
I'm getting the initial value of the Editor component in a prop, like so:

const props = defineProps<{
  dialogEditArticulo: boolean,
  articuloWeb?: IArticuloWebData
}>()

watch(() => props.articuloWeb, (newVal) => {
  articuloWebEditado.value = deepClone(toRaw(newVal))
  articuloWebEstadoInicial.value = newVal
}, { immediate: true })

const articuloWebEditado = ref<IArticuloWebData>(props.articuloWeb)
const articuloWebEstadoInicial = ref<IArticuloWebData>(props.articuloWeb)

<Editor v-model="articuloWebEditado.ar_descripcion_web" editorStyle="height: 320px" />

articuloWebEditado has a key "ar_descripcion_web" whose type is string.

When the Editor component mounts, it always starts with its body empty, ignoring the initial value of ar_descripcion_web.

Also, when you start writting text inside the editor the state articuloWebEditado.ar_descripcion_web actually gets updated. So, basically the component removes the initial state and I don't want that. I want that the editor's text initialize with the value of articuloWebEditado.ar_descripcion_web. How to achieve this?