Trigger touched from non-useField component?

[9mm]

I have built my own status toggle that doesn't need to be validated:

  <v-form v-slot="{ meta }" :validation-schema="validationSchema" @submit="onSubmit">
    {{ meta }}
    <base-input v-model="form.name" validation-key="name" label="Name" />
    <base-toggle @click="onClickStatus" />
  </v-form>

I don't want to force this toggle to make it useField because it will never have errors, never need to be validated, and also is used many area outside of a v-form

Is there a way I can setTouched on that field? I tried this, but I notice it's not working, I assume because initialValues is not aware of its presence (which now that I think of it I'm very curious how the form is able to see the initial values anyway when I'm not actually passing anything to the form as a prop...... )

  setup() {
    const { setTouched } = useForm();
    return {
      setTouched,
    };
  },
  methods: {
    onClickStatus() {
      this.setTouched({
        status: true,
      });
    },

[logaretm]

If it doesn't use useField then useForm will never pick it up or collect its value, which makes it invisible to vee-validate which is to be expected.

You don't have any other option really, I don't think there is any problem applying useField to that component just for value tracking and management purposes, if you don't need to validate it then that's fine, there isn't much of an overhead or perf hit.