{"version":3,"sources":["webpack:///./src/views/account/SignIn.vue?ed89","webpack:///./src/components/primevueCustom/InputText.vue","webpack:///./src/components/primevueCustom/InputText.vue?82a7","webpack:///./src/views/account/SignIn.vue?80e1","webpack:///./src/views/account/SignIn.vue?44f2","webpack:///./src/views/account/SignIn.vue","webpack:///./src/views/account/SignIn.vue?d5b5"],"names":["class","filled","value","modelValue","onInput","autocapitalize","name","emits","props","methods","event","this","$emit","target","computed","toString","length","__exports__","render","_withId","_hoisted_1","_hoisted_2","src","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","for","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_ctx","_cache","$props","$setup","$data","$options","_component_Alert","_component_InputText","_component_Field","_component_Button","_component_Checkbox","_component_router_link","_component_Specifications","_component_Form","alert","content","key","$event","isConfirm","onSubmit","login","default","errors","username","rules","field","t","id","type","placeholder","_","password","isRemember","binary","to","RouterName","FORGOT_PASSWORD","SIGNUP","setup","store","useScope","l","message","ERROR","commit","SET_TOKEN","dispatch","GET_TOKEN","email","rememberMe","res","title","GET_ACCOUNT_INFO","redirect","router","currentRoute","query","push","path","console","error","components","InputText","Button","Field","Form","Specifications","Checkbox","welcome","서비스를 이용하시기 위해서는 로그인해주시기 바랍니다."],"mappings":"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","file":"js/chunk-4871842e.1a7a710b.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./SignIn.vue?vue&type=style&index=0&id=9a97cc7e&lang=scss&scoped=true\"","<template>\r\n  <input\r\n    :class=\"['p-inputtext p-component', { 'p-filled': filled }]\"\r\n    :value=\"modelValue\"\r\n    @input=\"onInput\"\r\n    autocapitalize=\"off\"\r\n  />\r\n</template>\r\n\r\n<script>\r\n/**\r\n * 첫 문자 자동 대문자 방지\r\n */\r\nexport default {\r\n  name: \"Input Text\",\r\n  emits: [\"update:modelValue\"],\r\n  props: {\r\n    modelValue: null,\r\n  },\r\n  methods: {\r\n    onInput(event) {\r\n      this.$emit(\"update:modelValue\", event.target.value);\r\n    },\r\n  },\r\n  computed: {\r\n    filled() {\r\n      return this.modelValue != null && this.modelValue.toString().length > 0;\r\n    },\r\n  },\r\n};\r\n</script>\r\n","import { render } from \"./InputText.vue?vue&type=template&id=f7139738\"\nimport script from \"./InputText.vue?vue&type=script&lang=js\"\nexport * from \"./InputText.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"D:\\\\deul\\\\dev\\\\heselCare\\\\hesel-care\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { createVNode as _createVNode, resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, toDisplayString as _toDisplayString, mergeProps as _mergeProps, withCtx as _withCtx, withScopeId as _withScopeId, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\nconst _withId = /*#__PURE__*/_withScopeId(\"data-v-9a97cc7e\")\n\n_pushScopeId(\"data-v-9a97cc7e\")\nconst _hoisted_1 = { class: \"signin\" }\nconst _hoisted_2 = /*#__PURE__*/_createVNode(\"figure\", null, [\n  /*#__PURE__*/_createVNode(\"img\", {\n    src: \"/images/new/signin.png\",\n    class: \"-pc\"\n  }),\n  /*#__PURE__*/_createVNode(\"img\", {\n    src: \"/images/new/signin_m.png\",\n    class: \"-mobile\"\n  })\n], -1)\nconst _hoisted_3 = { class: \"main__section\" }\nconst _hoisted_4 = /*#__PURE__*/_createVNode(\"h2\", { class: \"-bold\" }, \"로그인하기\", -1)\nconst _hoisted_5 = /*#__PURE__*/_createVNode(\"p\", { class: \"-regular\" }, [\n  /*#__PURE__*/_createTextVNode(\" 진료시간을 선택해 온라인대면진료를 받을 수 있고,\"),\n  /*#__PURE__*/_createVNode(\"br\", { class: \"-pc\" }),\n  /*#__PURE__*/_createTextVNode(\" 필요시 처방전을 미리 지정한 약국으로 보내주는 서비스입니다. \")\n], -1)\nconst _hoisted_6 = {\n  for: \"username\",\n  class: \"-invisibility\"\n}\nconst _hoisted_7 = {\n  for: \"password\",\n  class: \"-invisibility\"\n}\nconst _hoisted_8 = { class: \"input-box__action\" }\nconst _hoisted_9 = { class: \"input-box__options\" }\nconst _hoisted_10 = { class: \"remember\" }\nconst _hoisted_11 = /*#__PURE__*/_createVNode(\"label\", {\n  for: \"rememberMe\",\n  class: \"-bold\"\n}, \"로그인 유지\", -1)\n_popScopeId()\n\nexport const render = /*#__PURE__*/_withId((_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) => {\n  const _component_Alert = _resolveComponent(\"Alert\")\n  const _component_InputText = _resolveComponent(\"InputText\")\n  const _component_Field = _resolveComponent(\"Field\")\n  const _component_Button = _resolveComponent(\"Button\")\n  const _component_Checkbox = _resolveComponent(\"Checkbox\")\n  const _component_router_link = _resolveComponent(\"router-link\")\n  const _component_Specifications = _resolveComponent(\"Specifications\")\n  const _component_Form = _resolveComponent(\"Form\")\n\n  return (_openBlock(), _createBlock(\"main\", _hoisted_1, [\n    _hoisted_2,\n    _createVNode(\"section\", _hoisted_3, [\n      (!!_ctx.alert.content)\n        ? (_openBlock(), _createBlock(_component_Alert, {\n            key: 0,\n            alert: _ctx.alert,\n            \"onUpdate:alert\": _cache[1] || (_cache[1] = ($event: any) => (_ctx.alert = $event)),\n            isConfirm: true,\n            \"onUpdate:clear\": _cache[2] || (_cache[2] = \r\n          () => {\r\n            _ctx.alert.content = '';\r\n          }\r\n        )\n          }, null, 8, [\"alert\"]))\n        : _createCommentVNode(\"\", true),\n      _createVNode(_component_Form, {\n        class: \"input-box\",\n        onSubmit: _ctx.login\n      }, {\n        default: _withId(({ errors }) => [\n          _hoisted_4,\n          _hoisted_5,\n          _createVNode(_component_Field, {\n            modelValue: _ctx.value.username,\n            \"onUpdate:modelValue\": _cache[3] || (_cache[3] = ($event: any) => (_ctx.value.username = $event)),\n            name: \"username\",\n            rules: \"required|email\"\n          }, {\n            default: _withId(({ field }) => [\n              _createVNode(\"label\", _hoisted_6, _toDisplayString(_ctx.t(\"email\")), 1),\n              _createVNode(_component_InputText, _mergeProps({\n                id: \"username\",\n                type: \"text\",\n                modelValue: field.value,\n                \"onUpdate:modelValue\": ($event: any) => (field.value = $event)\n              }, field, {\n                class: { 'p-invalid': errors.username },\n                placeholder: \"이메일주소를 입력해 주세요.\",\n                \"aria-placeholder\": \"이메일주소를 입력해 주세요.\"\n              }), null, 16, [\"modelValue\", \"onUpdate:modelValue\", \"class\"])\n            ]),\n            _: 2\n          }, 1032, [\"modelValue\"]),\n          _createVNode(_component_Field, {\n            modelValue: _ctx.value.password,\n            \"onUpdate:modelValue\": _cache[4] || (_cache[4] = ($event: any) => (_ctx.value.password = $event)),\n            name: \"password\",\n            rules: \"required\"\n          }, {\n            default: _withId(({ field }) => [\n              _createVNode(\"label\", _hoisted_7, _toDisplayString(_ctx.t(\"password\")), 1),\n              _createVNode(_component_InputText, _mergeProps({\n                id: \"password\",\n                type: \"password\",\n                modelValue: field.value,\n                \"onUpdate:modelValue\": ($event: any) => (field.value = $event)\n              }, field, {\n                class: { 'p-invalid': errors.password },\n                placeholder: \"비밀번호를 입력해 주세요.\",\n                \"aria-placeholder\": \"비밀번호를 입력해 주세요.\"\n              }), null, 16, [\"modelValue\", \"onUpdate:modelValue\", \"class\"])\n            ]),\n            _: 2\n          }, 1032, [\"modelValue\"]),\n          _createVNode(\"span\", _hoisted_8, [\n            _createVNode(_component_Button, {\n              class: \"-button -royalBlue\",\n              type: \"submit\"\n            }, {\n              default: _withId(() => [\n                _createTextVNode(_toDisplayString(_ctx.t(\"signin\")), 1)\n              ]),\n              _: 1\n            })\n          ]),\n          _createVNode(\"div\", _hoisted_9, [\n            _createVNode(\"div\", _hoisted_10, [\n              _createVNode(_component_Checkbox, {\n                id: \"rememberMe\",\n                modelValue: _ctx.isRemember,\n                \"onUpdate:modelValue\": _cache[5] || (_cache[5] = ($event: any) => (_ctx.isRemember = $event)),\n                binary: true\n              }, null, 8, [\"modelValue\"]),\n              _hoisted_11\n            ]),\n            _createVNode(_component_router_link, {\n              class: \"-link -bold\",\n              to: { name: _ctx.RouterName.FORGOT_PASSWORD }\n            }, {\n              default: _withId(() => [\n                _createTextVNode(_toDisplayString(_ctx.t(\"forgotPassword\")), 1)\n              ]),\n              _: 1\n            }, 8, [\"to\"]),\n            _createVNode(_component_router_link, {\n              class: \"-link -bold\",\n              to: { name: _ctx.RouterName.SIGNUP }\n            }, {\n              default: _withId(() => [\n                _createTextVNode(_toDisplayString(_ctx.t(\"signup\")), 1)\n              ]),\n              _: 1\n            }, 8, [\"to\"])\n          ]),\n          _createVNode(_component_Specifications)\n        ]),\n        _: 1\n      }, 8, [\"onSubmit\"])\n    ])\n  ]))\n})","\r\nimport { defineComponent, reactive, ref, Ref } from \"vue\";\r\nimport InputText from \"@/components/primevueCustom/InputText.vue\";\r\nimport Button from \"primevue/button\";\r\nimport { AuthActionTypes } from \"@/store/modules/auth/actions\";\r\nimport { AuthMutationTypes } from \"@/store/modules/auth/mutations\";\r\nimport { useStore } from \"@/store\";\r\nimport router from \"@/router\";\r\nimport { IAlert, RouterName } from \"@/models/common\";\r\nimport { Field, Form } from \"vee-validate\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport { messageType } from \"@/models/message\";\r\nimport Specifications from \"@/components/common/Specifications.vue\";\r\nimport Checkbox from \"primevue/checkbox\";\r\n\r\nexport default defineComponent({\r\n  name: \"Signin\",\r\n  setup() {\r\n    const store = useStore();\r\n    const value = reactive({\r\n      username: \"\",\r\n      password: \"\",\r\n    });\r\n\r\n    const { t } = useI18n({ useScope: \"global\" });\r\n    const { t: l } = useI18n();\r\n\r\n    const alert: Ref<IAlert> = ref({\r\n      type: messageType.ERROR,\r\n      content: \"\",\r\n    });\r\n\r\n    const isRemember = ref(false);\r\n\r\n    return { value, store, alert, t, l, RouterName, isRemember };\r\n  },\r\n\r\n  methods: {\r\n    async login() {\r\n      try {\r\n        this.store.commit(AuthMutationTypes.SET_TOKEN, \"\");\r\n\r\n        const res = await this.store.dispatch(AuthActionTypes.GET_TOKEN, {\r\n          email: this.value.username,\r\n          password: this.value.password,\r\n          rememberMe: this.isRemember,\r\n        });\r\n\r\n        if (res) {\r\n          this.alert = {\r\n            title: \"로그인 오류\",\r\n            content: this.t(res),\r\n            type: messageType.ERROR,\r\n          };\r\n        } else {\r\n          await this.store.dispatch(AuthActionTypes.GET_ACCOUNT_INFO);\r\n          const redirect =\r\n            router.currentRoute.value.query?.redirect?.toString() ?? \"/\";\r\n\r\n          router.push({ path: redirect });\r\n        }\r\n      } catch (error) {\r\n        console.error(\"AuthActionTypes.GET_TOKEN\", error);\r\n      }\r\n    },\r\n  },\r\n  components: {\r\n    InputText,\r\n    Button,\r\n    Field,\r\n    Form,\r\n    Specifications,\r\n    Checkbox,\r\n  },\r\n});\r\n","<template>\r\n  <main class=\"signin\">\r\n    <figure>\r\n      <img src=\"/images/new/signin.png\" class=\"-pc\" />\r\n      <img src=\"/images/new/signin_m.png\" class=\"-mobile\" />\r\n    </figure>\r\n    <section class=\"main__section\">\r\n      <Alert\r\n        v-model:alert=\"alert\"\r\n        v-if=\"!!alert.content\"\r\n        :isConfirm=\"true\"\r\n        @update:clear=\"\r\n          () => {\r\n            alert.content = '';\r\n          }\r\n        \"\r\n      />\r\n\r\n      <Form v-slot=\"{ errors }\" class=\"input-box\" @submit=\"login\">\r\n        <h2 class=\"-bold\">로그인하기</h2>\r\n        <p class=\"-regular\">\r\n          진료시간을 선택해 온라인대면진료를 받을 수 있고,<br class=\"-pc\" />\r\n          필요시 처방전을 미리 지정한 약국으로 보내주는 서비스입니다.\r\n        </p>\r\n        <Field\r\n          v-slot=\"{ field }\"\r\n          v-model=\"value.username\"\r\n          name=\"username\"\r\n          rules=\"required|email\"\r\n        >\r\n          <label for=\"username\" class=\"-invisibility\">\r\n            {{ t(\"email\") }}\r\n          </label>\r\n          <InputText\r\n            id=\"username\"\r\n            type=\"text\"\r\n            v-model=\"field.value\"\r\n            v-bind=\"field\"\r\n            :class=\"{ 'p-invalid': errors.username }\"\r\n            placeholder=\"이메일주소를 입력해 주세요.\"\r\n            aria-placeholder=\"이메일주소를 입력해 주세요.\"\r\n          />\r\n        </Field>\r\n        <Field\r\n          v-slot=\"{ field }\"\r\n          v-model=\"value.password\"\r\n          name=\"password\"\r\n          rules=\"required\"\r\n          ><label for=\"password\" class=\"-invisibility\">\r\n            {{ t(\"password\") }}\r\n          </label>\r\n          <InputText\r\n            id=\"password\"\r\n            type=\"password\"\r\n            v-model=\"field.value\"\r\n            v-bind=\"field\"\r\n            :class=\"{ 'p-invalid': errors.password }\"\r\n            placeholder=\"비밀번호를 입력해 주세요.\"\r\n            aria-placeholder=\"비밀번호를 입력해 주세요.\"\r\n          />\r\n        </Field>\r\n        <span class=\"input-box__action\">\r\n          <Button class=\"-button -royalBlue\" type=\"submit\">{{\r\n            t(\"signin\")\r\n          }}</Button>\r\n        </span>\r\n        <div class=\"input-box__options\">\r\n          <div class=\"remember\">\r\n            <Checkbox id=\"rememberMe\" v-model=\"isRemember\" :binary=\"true\" />\r\n            <label for=\"rememberMe\" class=\"-bold\">로그인 유지</label>\r\n          </div>\r\n          <router-link\r\n            class=\"-link -bold\"\r\n            :to=\"{ name: RouterName.FORGOT_PASSWORD }\"\r\n          >\r\n            {{ t(\"forgotPassword\") }}</router-link\r\n          >\r\n          <router-link class=\"-link -bold\" :to=\"{ name: RouterName.SIGNUP }\">{{\r\n            t(\"signup\")\r\n          }}</router-link>\r\n        </div>\r\n        <Specifications />\r\n        <!-- <div class=\"siginup-wrapped -medium\">\r\n          아직 HESEL 회원이 아니세요?\r\n          <router-link class=\"-link\" :to=\"{ name: RouterName.SIGNUP }\">{{\r\n            t(\"signup\")\r\n          }}</router-link>\r\n        </div> -->\r\n      </Form>\r\n    </section>\r\n  </main>\r\n</template>\r\n<script lang=\"ts\">\r\nimport { defineComponent, reactive, ref, Ref } from \"vue\";\r\nimport InputText from \"@/components/primevueCustom/InputText.vue\";\r\nimport Button from \"primevue/button\";\r\nimport { AuthActionTypes } from \"@/store/modules/auth/actions\";\r\nimport { AuthMutationTypes } from \"@/store/modules/auth/mutations\";\r\nimport { useStore } from \"@/store\";\r\nimport router from \"@/router\";\r\nimport { IAlert, RouterName } from \"@/models/common\";\r\nimport { Field, Form } from \"vee-validate\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport { messageType } from \"@/models/message\";\r\nimport Specifications from \"@/components/common/Specifications.vue\";\r\nimport Checkbox from \"primevue/checkbox\";\r\n\r\nexport default defineComponent({\r\n  name: \"Signin\",\r\n  setup() {\r\n    const store = useStore();\r\n    const value = reactive({\r\n      username: \"\",\r\n      password: \"\",\r\n    });\r\n\r\n    const { t } = useI18n({ useScope: \"global\" });\r\n    const { t: l } = useI18n();\r\n\r\n    const alert: Ref<IAlert> = ref({\r\n      type: messageType.ERROR,\r\n      content: \"\",\r\n    });\r\n\r\n    const isRemember = ref(false);\r\n\r\n    return { value, store, alert, t, l, RouterName, isRemember };\r\n  },\r\n\r\n  methods: {\r\n    async login() {\r\n      try {\r\n        this.store.commit(AuthMutationTypes.SET_TOKEN, \"\");\r\n\r\n        const res = await this.store.dispatch(AuthActionTypes.GET_TOKEN, {\r\n          email: this.value.username,\r\n          password: this.value.password,\r\n          rememberMe: this.isRemember,\r\n        });\r\n\r\n        if (res) {\r\n          this.alert = {\r\n            title: \"로그인 오류\",\r\n            content: this.t(res),\r\n            type: messageType.ERROR,\r\n          };\r\n        } else {\r\n          await this.store.dispatch(AuthActionTypes.GET_ACCOUNT_INFO);\r\n          const redirect =\r\n            router.currentRoute.value.query?.redirect?.toString() ?? \"/\";\r\n\r\n          router.push({ path: redirect });\r\n        }\r\n      } catch (error) {\r\n        console.error(\"AuthActionTypes.GET_TOKEN\", error);\r\n      }\r\n    },\r\n  },\r\n  components: {\r\n    InputText,\r\n    Button,\r\n    Field,\r\n    Form,\r\n    Specifications,\r\n    Checkbox,\r\n  },\r\n});\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n@import \"@/styles/mixin.scss\";\r\nmain {\r\n  background-color: white;\r\n  display: flex;\r\n  height: 100vh;\r\n  margin: 0;\r\n  min-width: 100%;\r\n  min-height: 100vh;\r\n  height: 100%;\r\n  padding: 0;\r\n  figure {\r\n    flex: 1;\r\n    max-width: 940px;\r\n    img {\r\n      max-width: 100%;\r\n      height: 100%;\r\n    }\r\n  }\r\n  @include mobile {\r\n    flex-direction: column;\r\n    figure {\r\n      flex: none;\r\n      max-width: none;\r\n      width: 100%;\r\n      img {\r\n        width: 100%;\r\n      }\r\n    }\r\n    .signin {\r\n      flex: none;\r\n      padding: 30px 40px;\r\n      margin: 0;\r\n    }\r\n  }\r\n}\r\n.signin {\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  height: 100vh;\r\n  @include pc {\r\n    overflow: hidden;\r\n  }\r\n\r\n  .main__section {\r\n    padding: 0 40px;\r\n  }\r\n  form {\r\n    width: 380px;\r\n    margin-bottom: 30px;\r\n    @include mobile {\r\n      width: auto;\r\n    }\r\n    > h2 {\r\n      text-align: left;\r\n      @include mobile {\r\n        font-size: 20px;\r\n      }\r\n    }\r\n    > p {\r\n      font-size: 14px;\r\n      line-height: 170%;\r\n      color: $Grey3;\r\n      @include mobile {\r\n        font-size: 15px;\r\n        word-break: keep-all;\r\n      }\r\n    }\r\n    > label {\r\n      margin: 0;\r\n      height: 30px;\r\n      &[for=\"password\"] {\r\n        height: 20px;\r\n      }\r\n      @include mobile {\r\n        height: 20px;\r\n        &[for=\"password\"] {\r\n          height: 16px;\r\n        }\r\n      }\r\n    }\r\n\r\n    input {\r\n      margin: 0;\r\n      &#password {\r\n        margin-bottom: 20px;\r\n        @include mobile {\r\n          margin-bottom: 16px;\r\n        }\r\n      }\r\n      @include mobile {\r\n        margin: 0;\r\n        padding: 13px 16px;\r\n      }\r\n    }\r\n    .input-box__action {\r\n      display: block;\r\n      margin-bottom: 20px;\r\n    }\r\n    .input-box__options {\r\n      margin-bottom: 40px;\r\n      height: 24px;\r\n      text-align: right;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      a {\r\n        font-size: 15px;\r\n        line-height: 160%;\r\n        color: $Grey3;\r\n      }\r\n      .remember {\r\n        display: flex;\r\n        align-items: center;\r\n        label {\r\n          margin: 0;\r\n          font-size: 15px;\r\n        }\r\n      }\r\n      @include mobile {\r\n        margin-bottom: 24px;\r\n        a {\r\n          font-size: 15px;\r\n        }\r\n      }\r\n    }\r\n    .siginup-wrapped {\r\n      display: block;\r\n      margin-top: 40px;\r\n      padding: 8px;\r\n      background-color: #fafbfe;\r\n      color: $Grey3;\r\n      font-size: 12px;\r\n      line-height: 160%;\r\n      text-align: center;\r\n      a {\r\n        margin-left: 4px;\r\n        color: $DarkGrey;\r\n      }\r\n    }\r\n  }\r\n}\r\n#username,\r\n#password {\r\n  border: 1px solid $Grey1;\r\n  color: $Grey2;\r\n}\r\n.signin form button[type=\"submit\"] {\r\n  padding: 0%;\r\n  height: 54px;\r\n  @include mobile {\r\n    height: 46px;\r\n  }\r\n}\r\n</style>\r\n<i18n>\r\n{\r\n  \"en\": {\r\n    \"welcome\":\"welcome\"\r\n  },\r\n  \"ja\": {\r\n    \"welcome\":\"welcome\"\r\n  },\r\n  \"ko\":{\r\n    \"welcome\":\"서비스를 이용하시기 위해서는 로그인해주시기 바랍니다.\"\r\n  }\r\n}\r\n</i18n>","import { render } from \"./SignIn.vue?vue&type=template&id=9a97cc7e&scoped=true&ts=true\"\nimport script from \"./SignIn.vue?vue&type=script&lang=ts\"\nexport * from \"./SignIn.vue?vue&type=script&lang=ts\"\n\nimport \"./SignIn.vue?vue&type=style&index=0&id=9a97cc7e&lang=scss&scoped=true\"\n/* custom blocks */\nimport block0 from \"./SignIn.vue?vue&type=custom&index=0&blockType=i18n\"\nif (typeof block0 === 'function') block0(script)\n\n\nimport exportComponent from \"D:\\\\deul\\\\dev\\\\heselCare\\\\hesel-care\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-9a97cc7e\"]])\n\nexport default __exports__"],"sourceRoot":""}