ارور lint برای فرم

سلام این کامپوننت vee-field از کجا اومده ؟ اگر خودتون ساختینش از درونش یه عکس بزارید

اگر نه که باید از Component ای به نام Field استفاده کنید ( باید از vee-validate ایمپورت اش کرد )

<template>
  <Form>
    <Field name="field" :rules="isRequired" />
    <ErrorMessage name="field" />
  </Form>
</template>

import { Field, Form, ErrorMessage } from 'vee-validate';

البته این خطای  EsLint هم داره به Label ها گیر میده که میگه باید حتما for بزاری روش 

<label for="first-input"></label>
<input id="first-input"/>

بله استاد همون Field هست که با این alias به پروژه ادش کردم

قبل از استاده از این پلاگین veevalidate هم همون form و input معمولی بود ولی بازم ارور میداد

به label تگ for دادم ولی بازم همون ارور رو میده (خط 108 برای مثال)

استاد فکر میکنم از v-model باشه درسته؟

ولی توی آموزش از v-model استفاده نکرد اروری هم نداد.

چیکار کنم که به label ها گیر نده؟
سرچ کردم توی اینترنت نوشته بود که یه کد رو به rule های eslint اضافه کنم ولی اون هم جواب نداد

یه جا دیدم گفته بود htmlFor بدین برای این خطا تست کنید ببینم جواب میده

این Eslint ارور های عجیب غریبی میده ، بهتره که از Prettier استفاده کنید ( موقع ساخت پروژه تیک eslint رو نزنید )

نه استاد متاسفانه این مورد هم جواب نداد

استاد راهی هست الان eslint رو در حین پروژه حذف کنم و به جاش prettier رو فعال کنم؟

یا باید یه پروژه جدید بسازم؟

استاد اون دستور /* eslint-disable */ رو چجوری میتونم استفاده کنم؟ میشه همینجا بگم این form ها رو ignore کنه؟

متشکرم استاد