Laravel Form Builder with Vue.js

            

namespace App\Forms;

class LoginForm extends \Laraform
{
  public $component = "login-form";

  public function schema() {
    return [
      "email" => [
        "type" => "text",
        "label" => "Email address",
        "rules" => "required|email",
      ],
      "password" => [
        "type" => "password",
        "label" => "Password",
        "rules" => "required"
      ],
      "remember" => [
        "type" => "toggle",
        "text" => "Remember me"
      ]
    ];
  }

  public function after() {
    return \Auth::attempt(["email" => $this->data["email"], "password" => $this->data["password"]], $this->data["remember"]) ? $this->success("Login successful") : $this->fail("Login failed");
  }
}
          

            

<script>
  export default {
    name: 'login-form',
    mixins: [Laraform],
    data: () => ({
      buttons: [{
        label: 'Login',
        class: 'btn-primary'
      }],
    }),
    created() {
      this.on('success', (response) => {
        alert(response.messages[0])
      })

      this.on('fail', (response) => {
        alert(response.messages[0]) // Maybe try admin@admin.com / admin? 🤔
      })
    }
  }
</script>