{
    "DSO : Vue Form Validate": {
        "prefix": "@vform",
        "body": [
            "<ValidationObserver v-slot=\"{ handleSubmit }\">\r",
            "      <form role=\"form\" @submit.prevent=\"handleSubmit(doAction)\">\r",
            "        <ValidationProvider rules=\"required\" v-slot=\"{ errors }\">\r",
            "          <base-input\r",
            "            class=\"input-group-alternative mb-3\"\r",
            "            placeholder=\"Input Example\"\r",
            "            addon-left-icon=\"ni ni-email-83\"\r",
            "            :error=\"errors[0]\"\r",
            "            :valid=\"errors.length == 0\"\r",
            "          >\r",
            "          </base-input>\r",
            "        </ValidationProvider>\r",
            "        <div class=\"text-center\">\r",
            "          <button\r",
            "            @click.prevent=\"handleSubmit(doAction)\"\r",
            "            :disabled=\"pending\"\r",
            "            type=\"click\"\r",
            "            class=\"btn my-4 btn-primary\"\r",
            "          >\r",
            "            đăng nhập\r",
            "          </button>\r",
            "        </div>\r",
            "      </form>\r",
            "    </ValidationObserver>"
        ],
        "description": "DSO : Vue Form Validate"
    }
}