function anonymous(
) {
const _Vue = Vue
const { createElementVNode: _createElementVNode, createTextVNode: _createTextVNode } = _Vue

const _hoisted_1 = ["onClick"]
const _hoisted_2 = { class: "modal-card" }
const _hoisted_3 = { class: "modal-card-head" }
const _hoisted_4 = /*#__PURE__*/_createElementVNode("p", { class: "modal-card-title" }, "登录", -1)
const _hoisted_5 = ["onClick"]
const _hoisted_6 = { class: "modal-card-body" }
const _hoisted_7 = { class: "login-form" }
const _hoisted_8 = { class: "field" }
const _hoisted_9 = { class: "control has-icons-left" }
const _hoisted_10 = ["onUpdate:modelValue"]
const _hoisted_11 = /*#__PURE__*/_createElementVNode("span", { class: "icon is-small is-left" }, [/*#__PURE__*/_createElementVNode("i", { class: "fas fa-user" })], -1)
const _hoisted_12 = { class: "help is-danger" }
const _hoisted_13 = { class: "field" }
const _hoisted_14 = { class: "control has-icons-left" }
const _hoisted_15 = ["onUpdate:modelValue"]
const _hoisted_16 = /*#__PURE__*/_createElementVNode("span", { class: "icon is-small is-left" }, [/*#__PURE__*/_createElementVNode("i", { class: "fas fa-lock" })], -1)
const _hoisted_17 = { class: "help is-danger" }
const _hoisted_18 = { class: "modal-card-foot" }
const _hoisted_19 = ["onClick"]
const _hoisted_20 = { class: "ml-2" }
const _hoisted_21 = ["onClick"]
const _hoisted_22 = ["onClick"]

return function render(_ctx, _cache) {
  with (_ctx) {
    const { createElementVNode: _createElementVNode, vModelText: _vModelText, normalizeClass: _normalizeClass, withDirectives: _withDirectives, toDisplayString: _toDisplayString, createTextVNode: _createTextVNode, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue

    return (_openBlock(), _createElementBlock("div", { class: _normalizeClass(["modal", {'is-active': visible}]) }, [_createElementVNode("div", {
      class: "modal-background",
      onClick: hide
    }, null, 8, _hoisted_1), _createElementVNode("div", _hoisted_2, [_createElementVNode("header", _hoisted_3, [_hoisted_4, _createElementVNode("button", {
      class: "delete",
      "aria-label": "close",
      onClick: hide
    }, null, 8, _hoisted_5)]), _createElementVNode("section", _hoisted_6, [_createElementVNode("form", _hoisted_7, [_createElementVNode("div", _hoisted_8, [_createElementVNode("p", _hoisted_9, [_withDirectives(_createElementVNode("input", {
      class: _normalizeClass(["input", {'is-danger':error.username}]),
      type: "text",
      name: "email",
      "onUpdate:modelValue": $event => ((form.username) = $event),
      placeholder: "用户名"
    }, null, 10, _hoisted_10), [[_vModelText, form.username]]), _hoisted_11]), _createElementVNode("p", _hoisted_12, _toDisplayString(error.username), 1)]), _createElementVNode("div", _hoisted_13, [_createElementVNode("p", _hoisted_14, [_withDirectives(_createElementVNode("input", {
      class: _normalizeClass(["input", {'is-danger':error.password}]),
      type: "password",
      name: "password",
      "onUpdate:modelValue": $event => ((form.password) = $event),
      placeholder: "密码"
    }, null, 10, _hoisted_15), [[_vModelText, form.password]]), _hoisted_16]), _createElementVNode("p", _hoisted_17, _toDisplayString(error.password), 1)])])]), _createElementVNode("footer", _hoisted_18, [_createElementVNode("button", {
      type: "button",
      onClick: submit,
      class: "button is-danger"
    }, "登录", 8, _hoisted_19), _createElementVNode("small", _hoisted_20, [_createElementVNode("a", {
      href: "javascript:",
      class: "has-text-danger",
      onClick: $event => ($emit('register'))
    }, "还没有账户? 立即注册!", 8, _hoisted_21), _createTextVNode("   |   "), _createElementVNode("a", {
      href: "javascript:",
      class: "has-text-danger",
      onClick: $event => ($emit('forget'))
    }, "忘记密码?", 8, _hoisted_22)])])])], 2))
  }
}
}