title: How in vuejs3 app with vee-validate/yup to show custom error message?
body: <p>If there is a way in vuejs3  app with vee-validate and yup to show custom error message?
  I make select input input with placeholder:</p>
  <pre><code>              &lt;Field
                  name=&quot;published&quot;
                  as=&quot;select&quot;
                  class=&quot;form-control editable_field&quot;
                  v-model=&quot;formSelectionPublished&quot;&gt;
                  &lt;option value=&quot;&quot; disabled selected&gt;- Select Category -&lt;/option&gt;
                  &lt;option v-for=&quot;(categoryPublishedLabel) in categoryPublishedLabels&quot; :key=&quot;categoryPublishedLabel.code&quot;&gt;
                    {{categoryPublishedLabel.label}}
                  &lt;/option&gt;
                &lt;/Field&gt;
                &lt;ErrorMessage name=&quot;published&quot; class=&quot;validation_error&quot;/&gt;
  
  ...
        const categoryEditValidationRules = Yup.object().shape({
          published: Yup.string().max(100).required().notOneOf(['- Select Category -']).label('Category published')
  </code></pre>
  <p>and it works ok, but the only thing I need to replace error message :</p>
  <blockquote>
  <p>Category published must not be one of the following values: - Select
  Category -</p>
  </blockquote>
  <p>I would like to show field required error message...</p>
  <p>In package.json :</p>
  <p>&quot;vee-validate&quot;: &quot;^4.0.0-beta.18&quot;,
  &quot;vue&quot;: &quot;^3.0.0&quot;,
  &quot;yup&quot;: &quot;^0.29.3&quot;</p>
  <p>Thanks!</p>