Simplify Vue Forms with this useForm composable

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 พ.ย. 2024

ความคิดเห็น • 13

  • @hnccox
    @hnccox 11 หลายเดือนก่อน

    One more question, how come you have form.error?.validation.content. Is the validation key an axios thing?

    • @cdruc
      @cdruc  11 หลายเดือนก่อน

      Hey! It's a custom Axios instance I created in this video: th-cam.com/video/UIdoq5ZvNJY/w-d-xo.html.
      Stupid of me for forgetting to specify that :(

  • @_timestamp
    @_timestamp ปีที่แล้ว

    I saw you video on xstate, do you think it would be good in this case or is it too much?

    • @_timestamp
      @_timestamp ปีที่แล้ว

      I think i would be interesting a video on Laravel + Nuxt authentication usign XState

  • @elielson3ew4234
    @elielson3ew4234 ปีที่แล้ว +1

    Hi, I've been following your videos for a while now and I'm really enjoying them and I've learned a lot! thanks. I would like to suggest a video, if possible of how to do tests using postman/insomnia for the laravel breeze api interface with cookie csrf.

    • @cdruc
      @cdruc  ปีที่แล้ว +1

      hi, I'll probably do some postman stuff - lots of people been asking for it!

  • @shaneshrestha7654
    @shaneshrestha7654 ปีที่แล้ว +1

    Which vscode theme you are using ? Could you please provide theme link ?

  • @AksoomHussain7866
    @AksoomHussain7866 ปีที่แล้ว +3

    it remind me of inertia.js which have the useForm composable contain most mention scope to implement

  • @Dev-su4mi
    @Dev-su4mi ปีที่แล้ว

    Hello, when will the auth course be released?

  • @hnccox
    @hnccox ปีที่แล้ว

    What happens if you have multiple forms on the same page? It looks like both forms would be affected by the other form's error?

    • @cdruc
      @cdruc  ปีที่แล้ว +3

      Hey, nope! the errors are contained within the form variable.
      so if you were to have other forms on the page, you would just need to use a different variable name.
      Eg: say you have the login and register forms on the same page component.
      const loginForm = useForm({email: "", password: ""});
      const registerForm = useForm({name: "", email: "", password: "", password_confirmation: ""});
      then in template you would have loginForm.error.email and registerForm.error.email - and so on

  • @iUmerFarooq
    @iUmerFarooq ปีที่แล้ว

    Make project in Nuxt 3 like dashboard, landing page etc.
    Thank you

  • @piotrjasiulewicz408
    @piotrjasiulewicz408 ปีที่แล้ว

    great film, but need a lot more of explanation; as a someone whos learning Vue, i didnt understand what is and how works processing or error handling in forms. Keep it up