[Vuejs]-How to pass props to the nested component directly in Vue Js 3?

Precisely the scenario you describe is explained in the docs

In short:

Todo.vue

provide('keyForYourProvidedProp', valueForYourProvidedProp);

Field.vue

const message = inject('keyForYourProvidedProp');

Be sure to check your the article in the docs I’ve provided