import yup in your ArticleForm component and define a validation schema, (ArticleSchema)

ArticleForm.vue

<script>
import * as Yup from "yup";

const ArticleSchema = Yup.object().shape({
  title: Yup.string()
    .min(10, "Title should be less than 10 characters")
    .max(100, "Title should not exceed 100 characters")
    .required("Title is required"),
  description: Yup.string()
    .min(50, "Description should be less than 50 characters")
    .max(1000, "Description should not exceed 1000 characters")
    .required("Description is required"),
});

export default {
  name: "ArticleForm",
  data() {
    return {
      article: {
        title: "",
        description: "",
      },
    };
  },
  methods: {
    submitData() {
      const submittedData = `${this.article.title} ${this.article.description}`;
      alert(submittedData);
    },
  },
};
</script>