ادامه پست بالا👆👆
این کد برای ولیدیشن کردن یه اینپوت پسورده که البته یکی از راه های ولیدیشن کردن با Vuelidate هستش و کلی راه دیگه هم داره

<template>
  <div>
    <form @submit.prevent="submitForm">
      <div>
        <label for="password">Password</label>
        <input id="password" v-model="form.password" type="password"/>
        <span v-if="!$v.form.password.$pending && !$v.form.password.required">Password is required</span>
        <span v-if="!$v.form.password.$pending && !$v.form.password.minLength">Password must be at least 6 characters long</span>
      </div>
      <button type="submit">Submit</button>
    </form>
  </div>
</template>

<script setup>
import { reactive } from 'vue'
import useVuelidate from '@vuelidate/core'
import { required, minLength } from '@vuelidate/validators'

const form = reactive({
  password: ''
})

const rules = {
  form: {
    password: { required, minLength: minLength(6) }
  }
}

const v$ = useVuelidate(rules, form)

const submitForm = () => {
  v$.value.$touch()
  if (!v$.value.$invalid) {
    // فرم معتبر است، عملیات ارسال را اینجا انجام دهید
    console.log('Form submitted', form)
  }
}
</script>

#vuelidate #validation #vue
☕️ @CodeExplore

🌲ویو کارای عزیز
یه سایت خفن براتون اوردم که کلی کامپوننت های عالی برای استفاده داره و مبتی بر معیار ant design هستش و میتونین خیلی خوب و خفن ازش استفاده کنین و حالشو ببرین:

🌕https://antdv.com/components/overview

#site #vue
☕️ @CodeExplore

🌲عزیزای Vue.js کار گل من، بیاین که براتون سایت زیر رو اوردم که باهاش به راحتی Marquee Slider بسازین و حالشو ببرین، دیزاینش خیلی خوشگله و اصن حال میکنین سایتشو نگا کنین:

🌕https://vue-marquee.com/

#site #vue
☕️ @CodeExplore

👑یه منبع خوب با کلی ویدیو و مقاله خفن برای یادگیری Vue.js آوردم براتون که ادعا میکنه خیلی یوزر فرندلی هستش، هستش؟؟

🌲https://learnvue.co/

#vue #site
☕️ @CodeExplore