{"version":3,"sources":["webpack:///./src/views/Login.vue?8857","webpack:///src/views/Login.vue","webpack:///./src/views/Login.vue?a6e0","webpack:///../../../src/components/VAlert/VAlert.ts","webpack:///./src/views/Login.vue","webpack:///../../../src/components/VBtn/index.ts","webpack:///./src/views/Login.vue?8983"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","appLogo","errorMessages","length","_l","err","idx","key","_s","message","_e","ref","on","$event","preventDefault","handleFormSubmit","apply","arguments","email","validators","required","emailValidator","model","value","callback","$$v","expression","isPasswordVisible","password","icons","mdiEyeOffOutline","mdiEyeOutline","slot","siteKey","handleReCaptchaSucess","handleReCaptchaError","handleExpired","loading","reCaptchaToken","name","staticRenderFns","components","VueRecaptcha","setup","loginForm","computed","process","vueRecaptchaCtl","vm","getCurrentInstance","proxy","router","useRouter","response","isFormValid","validate","axios","post","username","token","then","localStorage","setItem","data","accessToken","get","user","ability","userAbility","$ability","update","JSON","stringify","push","catch","error","errors","reset","finally","appName","themeConfig","app","logo","mixins","VSheet","Toggleable","Transitionable","extend","props","border","type","String","validator","val","includes","closeLabel","default","coloredBorder","Boolean","dense","dismissible","closeIcon","icon","outlined","prominent","text","__cachedBorder","class","setBackgroundColor","computedColor","__cachedDismissible","color","iconColor","VBtn","small","$vuetify","lang","t","click","isActive","VIcon","__cachedIcon","computedIcon","classes","options","call","hasColoredIcon","hasText","undefined","isDark","Themeable","created","$attrs","hasOwnProperty","breaking","methods","genWrapper","children","$slots","prepend","genContent","append","$scopedSlots","close","toggle","genAlert","role","listeners$","style","styles","directives","setColor","setTextColor","h","transition","origin","mode","component","VAlert","VCard","VCardActions","VCardSubtitle","VCardText","VCardTitle","VCol","VContainer","VFlex","VForm","VLayout","VRow","VTextField"],"mappings":"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","file":"js/chunk-b72b7ebe.227001c7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"auth-wrapper auth-v2 bg\"},[_c('div',{staticClass:\"auth-inner\"},[_c('v-row',{staticClass:\"auth-row ma-0\"},[_c('v-col',{staticClass:\"d-none d-lg-block position-relative overflow-hidden pa-0 auth-bg-left\",attrs:{\"lg\":\"8\"}},[_c('v-container',{attrs:{\"fill-height\":\"\",\"grid-list-md\":\"\",\"text-xs-center\":\"\"}},[_c('v-layout',{attrs:{\"row\":\"\",\"wrap\":\"\",\"align-center\":\"\"}},[_c('v-flex',[_c('div',{staticClass:\"left-text-container\"},[_c('div',{staticClass:\"pa-16 pe-0 pt-8 pb-8 left-text-title\"},[_vm._v(\" The payment platform\"),_c('br'),_vm._v(\"you were waiting for. \")]),_c('div',{staticClass:\"pa-16 pe-0 pt-0 left-text-subtitle\"},[_vm._v(\" Our robust and flexible technology makes payments so seamless you don’t even need to think about them \")])])])],1)],1)],1),_c('v-col',{staticClass:\"align-center auth-bg-right pa-5 pb-0\",attrs:{\"lg\":\"4\"}},[_c('v-container',[_c('div',{staticClass:\"brand-logo\"},[_c('img',{attrs:{\"src\":_vm.appLogo,\"alt\":\"Key2Pay\"}})])]),_c('v-container',{attrs:{\"fill-height\":\"\",\"grid-list-md\":\"\",\"text-xs-center\":\"\"}},[_c('v-layout',{attrs:{\"row\":\"\",\"wrap\":\"\",\"align-center\":\"\"}},[_c('v-flex',[_c('v-card',{attrs:{\"flat\":\"\",\"light\":\"\"}},[_c('v-card-title',[_vm._v(\" Welcome back! 👋🏻 \")]),_c('v-card-subtitle',[_vm._v(\" Login in to your account below. \")]),(_vm.errorMessages.length > 0)?_c('v-card-text',{staticClass:\"mb-0\"},[_c('v-alert',{staticClass:\"mb-2\",attrs:{\"height\":\"56\",\"type\":\"error\",\"outlined\":\"\"}},_vm._l((_vm.errorMessages),function(err,idx){return _c('small',{key:idx,staticClass:\"d-block\"},[_c('strong',[_vm._v(_vm._s(err.message))])])}),0)],1):_vm._e(),_c('v-card-text',[_c('v-form',{ref:\"loginForm\",on:{\"submit\":function($event){$event.preventDefault();return _vm.handleFormSubmit.apply(null, arguments)}}},[_c('v-text-field',{staticClass:\"mb-5\",attrs:{\"min-height\":\"56\",\"outlined\":\"\",\"label\":\"Username\",\"placeholder\":\"Username\",\"error-messages\":_vm.errorMessages.email,\"rules\":[_vm.validators.required, _vm.validators.emailValidator],\"hide-details\":\"auto\"},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}}),_c('v-text-field',{staticClass:\"mb-5\",attrs:{\"slot\":\"\",\"min-height\":\"56\",\"outlined\":\"\",\"type\":_vm.isPasswordVisible ? 'text' : 'password',\"label\":\"Password\",\"error-messages\":_vm.errorMessages.password,\"placeholder\":\"Password\",\"append-icon\":_vm.isPasswordVisible ? _vm.icons.mdiEyeOffOutline : _vm.icons.mdiEyeOutline,\"rules\":[_vm.validators.required],\"hide-details\":\"auto\"},on:{\"click:append\":function($event){_vm.isPasswordVisible = !_vm.isPasswordVisible}},slot:\"default\",model:{value:(_vm.password),callback:function ($$v) {_vm.password=$$v},expression:\"password\"}}),_c('div',{staticClass:\"mb-5 pl-0\"},[_c('VueRecaptcha',{attrs:{\"sitekey\":_vm.siteKey,\"load-recaptcha-script\":true},on:{\"verify\":_vm.handleReCaptchaSucess,\"error\":_vm.handleReCaptchaError,\"expired\":_vm.handleExpired}})],1),_c('v-btn',{attrs:{\"min-height\":\"56\",\"block\":\"\",\"color\":\"primary\",\"type\":\"submit\",\"loading\":_vm.loading,\"disabled\":_vm.loading || _vm.reCaptchaToken == null}},[_vm._v(\" Log in \")])],1)],1),_c('v-card-actions',{staticClass:\"d-flex justify-center align-center\"},[_c('router-link',{staticClass:\"d-flex align-center text-sm forgot-password\",attrs:{\"to\":{ name: 'auth-forgot-password' }}},[_c('span',[_vm._v(\"Forgot Password?\")])])],1)],1)],1)],1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"auth-wrapper auth-v2 bg\">\n    <div class=\"auth-inner\">\n      <v-row class=\"auth-row ma-0\">\n        <v-col lg=\"8\" class=\"d-none d-lg-block position-relative overflow-hidden pa-0 auth-bg-left\">\n          <v-container fill-height grid-list-md text-xs-center>\n            <v-layout row wrap align-center>\n              <v-flex>\n                <div class=\"left-text-container\">\n                  <div class=\"pa-16 pe-0 pt-8 pb-8 left-text-title\">\n                    The payment platform<br />you were waiting for.\n                  </div>\n                  <div class=\"pa-16 pe-0 pt-0 left-text-subtitle\">\n                    Our robust and flexible technology makes payments so seamless you don’t even need to think about\n                    them\n                  </div>\n                </div>\n              </v-flex>\n            </v-layout>\n          </v-container>\n        </v-col>\n        <v-col lg=\"4\" class=\"align-center auth-bg-right pa-5 pb-0\">\n          <v-container>\n            <div class=\"brand-logo\">\n              <img :src=\"appLogo\" alt=\"Key2Pay\"/>\n            </div>\n          </v-container>\n          <v-container fill-height grid-list-md text-xs-center>\n            <v-layout row wrap align-center>\n              <v-flex>\n                <v-card flat light>\n                  <v-card-title> Welcome back! 👋🏻 </v-card-title>\n                  <v-card-subtitle> Login in to your account below. </v-card-subtitle>\n                  <v-card-text v-if=\"errorMessages.length > 0\" class=\"mb-0\">\n                    <v-alert height=\"56\" type=\"error\" outlined class=\"mb-2\">\n                      <small v-for=\"(err, idx) in errorMessages\" :key=\"idx\" class=\"d-block\">\n                        <strong>{{ err.message }}</strong>\n                      </small>\n                    </v-alert>\n                  </v-card-text>\n\n                  <!-- login form -->\n                  <v-card-text>\n                    <v-form ref=\"loginForm\" @submit.prevent=\"handleFormSubmit\">\n                      <v-text-field\n                        v-model=\"email\"\n                        min-height=\"56\"\n                        outlined\n                        label=\"Username\"\n                        placeholder=\"Username\"\n                        :error-messages=\"errorMessages.email\"\n                        :rules=\"[validators.required, validators.emailValidator]\"\n                        hide-details=\"auto\"\n                        class=\"mb-5\"\n                      ></v-text-field>\n\n                      <v-text-field\n                        v-model=\"password\"\n                        min-height=\"56\"\n                        outlined\n                        slot=\"\"\n                        :type=\"isPasswordVisible ? 'text' : 'password'\"\n                        label=\"Password\"\n                        :error-messages=\"errorMessages.password\"\n                        placeholder=\"Password\"\n                        :append-icon=\"isPasswordVisible ? icons.mdiEyeOffOutline : icons.mdiEyeOutline\"\n                        :rules=\"[validators.required]\"\n                        hide-details=\"auto\"\n                        class=\"mb-5\"\n                        @click:append=\"isPasswordVisible = !isPasswordVisible\"                        \n                      ></v-text-field>\n\n                      <div class=\"mb-5 pl-0\">\n                        <VueRecaptcha\n                          :sitekey=\"siteKey\"\n                          :load-recaptcha-script=\"true\"\n                          @verify=\"handleReCaptchaSucess\"\n                          @error=\"handleReCaptchaError\"\n                          @expired=\"handleExpired\"\n                        ></VueRecaptcha>\n                      </div>\n\n                      <v-btn\n                        min-height=\"56\"\n                        block\n                        color=\"primary\"\n                        type=\"submit\"\n                        :loading=\"loading\"\n                        :disabled=\"loading || reCaptchaToken == null\"\n                      >\n                        Log in\n                      </v-btn>\n                    </v-form>\n                  </v-card-text>\n                  <v-card-actions class=\"d-flex justify-center align-center\">\n                    <!-- forget link -->\n                    <router-link\n                      :to=\"{ name: 'auth-forgot-password' }\"\n                      class=\"d-flex align-center text-sm forgot-password\"\n                    >\n                      <span>Forgot Password?</span>\n                    </router-link>\n                  </v-card-actions>\n                </v-card>\n              </v-flex>\n            </v-layout>\n          </v-container>\n        </v-col>\n      </v-row>\n    </div>\n  </div>\n</template>\n\n<script>\n// eslint-disable-next-line object-curly-newline\nimport axios from '@axios'\nimport { useRouter } from '@core/utils'\nimport { emailValidator, required } from '@core/utils/validation'\nimport { mdiEyeOffOutline, mdiEyeOutline } from '@mdi/js'\nimport themeConfig from '@themeConfig'\nimport { getCurrentInstance, ref, computed } from '@vue/composition-api'\nimport { VueRecaptcha } from 'vue-recaptcha'\n\nexport default {\n  components: {\n    VueRecaptcha,\n  },\n  setup() {\n    // Template Ref\n    const loginForm = ref(null)\n    const siteKey = computed(() => process.env.VUE_APP_RECAPTCHA_SITEKEY)\n    const reCaptchaToken = ref(null)\n    const vueRecaptchaCtl = ref(null)\n    const vm = getCurrentInstance().proxy\n    const { router } = useRouter()\n    const loading = ref(false)\n    const isPasswordVisible = ref(false)\n\n    const email = ref(null)\n    const password = ref(null)\n    const errorMessages = ref([])\n\n    const handleReCaptchaError = () => {\n      reCaptchaToken.value = null\n    }\n\n    const handleExpired = () => {\n      reCaptchaToken.value = null\n    }\n\n    const handleReCaptchaSucess = response => {\n      reCaptchaToken.value = response\n    }\n\n    const handleFormSubmit = () => {\n      const isFormValid = loginForm.value.validate()\n\n      if (!isFormValid) return\n\n      loading.value = true\n\n      errorMessages.value = ref([])\n\n      /*\n        1. Make HTTP request to get accessToken\n        2. Store received token in localStorage for future use\n        3. Make another HTTP request for getting user information\n        4. On successful response of user information redirect to home page\n\n        ? We have use promise chaining to get user data from access token\n        ? Promise Chaining: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_promises#chaining\n      */\n      axios\n        .post('/userAccess/authentication', {\n          username: email.value,\n          password: password.value,\n          token: reCaptchaToken.value,\n        })\n        .then(response => {\n          // ? Set access token in localStorage so axios interceptor can use it\n          // Axios Interceptors: https://github.com/axios/axios#interceptors\n          localStorage.setItem('accessToken', response.data.accessToken)\n\n          return response\n        })\n        .then(() => {\n          axios.get('/userAccess/authorization').then(response => {\n            const user = response.data\n            const { ability: userAbility } = user\n\n            // Set user ability\n            // ? https://casl.js.org/v5/en/guide/intro#update-rules\n            vm.$ability.update(userAbility)\n\n            // Set user's ability in localStorage for Access Control\n            localStorage.setItem('userAbility', JSON.stringify(userAbility))\n\n            // We will store `userAbility` in localStorage separate from userData\n            // Hence, we are just removing it from user object\n            delete user.ability\n\n            // Set user's data in localStorage for UI/Other purpose\n            localStorage.setItem('userData', JSON.stringify(user))\n\n            // On success redirect to home\n            router.push('/')\n          })\n        })\n        .catch(error => {\n          errorMessages.value = error.response.data.errors\n          vueRecaptchaCtl.value.reset()\n          reCaptchaToken.value = null\n        })\n        .finally(() => {\n          loading.value = false\n        })\n    }\n\n    return {\n      handleFormSubmit,\n      handleReCaptchaError,\n      handleReCaptchaSucess,\n      handleExpired,\n      siteKey,\n      reCaptchaToken,\n      vueRecaptchaCtl,\n      isPasswordVisible,\n      loading,\n      email,\n      password,\n      errorMessages,\n      icons: {\n        mdiEyeOutline,\n        mdiEyeOffOutline,\n      },\n      validators: {\n        required,\n        emailValidator,\n      },\n\n      // themeConfig\n      appName: themeConfig.app.name,\n      appLogo: themeConfig.app.logo,\n\n      // Template Refs\n      loginForm,\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../styles/auth.scss';\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Login.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Login.vue?vue&type=script&lang=js&\"","// Styles\nimport './VAlert.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Components\nimport VBtn from '../VBtn'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Toggleable from '../../mixins/toggleable'\nimport Themeable from '../../mixins/themeable'\nimport Transitionable from '../../mixins/transitionable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNodeData } from 'vue'\nimport { VNode } from 'vue/types'\n\n/* @vue/component */\nexport default mixins(\n  VSheet,\n  Toggleable,\n  Transitionable\n).extend({\n  name: 'v-alert',\n\n  props: {\n    border: {\n      type: String,\n      validator (val: string) {\n        return [\n          'top',\n          'right',\n          'bottom',\n          'left',\n        ].includes(val)\n      },\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    coloredBorder: Boolean,\n    dense: Boolean,\n    dismissible: Boolean,\n    closeIcon: {\n      type: String,\n      default: '$cancel',\n    },\n    icon: {\n      default: '',\n      type: [Boolean, String],\n      validator (val: boolean | string) {\n        return typeof val === 'string' || val === false\n      },\n    },\n    outlined: Boolean,\n    prominent: Boolean,\n    text: Boolean,\n    type: {\n      type: String,\n      validator (val: string) {\n        return [\n          'info',\n          'error',\n          'success',\n          'warning',\n        ].includes(val)\n      },\n    },\n    value: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    __cachedBorder (): VNode | null {\n      if (!this.border) return null\n\n      let data: VNodeData = {\n        staticClass: 'v-alert__border',\n        class: {\n          [`v-alert__border--${this.border}`]: true,\n        },\n      }\n\n      if (this.coloredBorder) {\n        data = this.setBackgroundColor(this.computedColor, data)\n        data.class['v-alert__border--has-color'] = true\n      }\n\n      return this.$createElement('div', data)\n    },\n    __cachedDismissible (): VNode | null {\n      if (!this.dismissible) return null\n\n      const color = this.iconColor\n\n      return this.$createElement(VBtn, {\n        staticClass: 'v-alert__dismissible',\n        props: {\n          color,\n          icon: true,\n          small: true,\n        },\n        attrs: {\n          'aria-label': this.$vuetify.lang.t(this.closeLabel),\n        },\n        on: {\n          click: () => (this.isActive = false),\n        },\n      }, [\n        this.$createElement(VIcon, {\n          props: { color },\n        }, this.closeIcon),\n      ])\n    },\n    __cachedIcon (): VNode | null {\n      if (!this.computedIcon) return null\n\n      return this.$createElement(VIcon, {\n        staticClass: 'v-alert__icon',\n        props: { color: this.iconColor },\n      }, this.computedIcon)\n    },\n    classes (): object {\n      const classes: Record<string, boolean> = {\n        ...VSheet.options.computed.classes.call(this),\n        'v-alert--border': Boolean(this.border),\n        'v-alert--dense': this.dense,\n        'v-alert--outlined': this.outlined,\n        'v-alert--prominent': this.prominent,\n        'v-alert--text': this.text,\n      }\n\n      if (this.border) {\n        classes[`v-alert--border-${this.border}`] = true\n      }\n\n      return classes\n    },\n    computedColor (): string {\n      return this.color || this.type\n    },\n    computedIcon (): string | boolean {\n      if (this.icon === false) return false\n      if (typeof this.icon === 'string' && this.icon) return this.icon\n      if (!['error', 'info', 'success', 'warning'].includes(this.type)) return false\n\n      return `$${this.type}`\n    },\n    hasColoredIcon (): boolean {\n      return (\n        this.hasText ||\n        (Boolean(this.border) && this.coloredBorder)\n      )\n    },\n    hasText (): boolean {\n      return this.text || this.outlined\n    },\n    iconColor (): string | undefined {\n      return this.hasColoredIcon ? this.computedColor : undefined\n    },\n    isDark (): boolean {\n      if (\n        this.type &&\n        !this.coloredBorder &&\n        !this.outlined\n      ) return true\n\n      return Themeable.options.computed.isDark.call(this)\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('outline')) {\n      breaking('outline', 'outlined', this)\n    }\n  },\n\n  methods: {\n    genWrapper (): VNode {\n      const children = [\n        this.$slots.prepend || this.__cachedIcon,\n        this.genContent(),\n        this.__cachedBorder,\n        this.$slots.append,\n        this.$scopedSlots.close\n          ? this.$scopedSlots.close({ toggle: this.toggle })\n          : this.__cachedDismissible,\n      ]\n\n      const data: VNodeData = {\n        staticClass: 'v-alert__wrapper',\n      }\n\n      return this.$createElement('div', data, children)\n    },\n    genContent (): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-alert__content',\n      }, this.$slots.default)\n    },\n    genAlert (): VNode {\n      let data: VNodeData = {\n        staticClass: 'v-alert',\n        attrs: {\n          role: 'alert',\n        },\n        on: this.listeners$,\n        class: this.classes,\n        style: this.styles,\n        directives: [{\n          name: 'show',\n          value: this.isActive,\n        }],\n      }\n\n      if (!this.coloredBorder) {\n        const setColor = this.hasText ? this.setTextColor : this.setBackgroundColor\n        data = setColor(this.computedColor, data)\n      }\n\n      return this.$createElement('div', data, [this.genWrapper()])\n    },\n    /** @public */\n    toggle () {\n      this.isActive = !this.isActive\n    },\n  },\n\n  render (h): VNode {\n    const render = this.genAlert()\n\n    if (!this.transition) return render\n\n    return h('transition', {\n      props: {\n        name: this.transition,\n        origin: this.origin,\n        mode: this.mode,\n      },\n    }, [render])\n  },\n})\n","import { render, staticRenderFns } from \"./Login.vue?vue&type=template&id=36bd97c0&scoped=true&\"\nimport script from \"./Login.vue?vue&type=script&lang=js&\"\nexport * from \"./Login.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Login.vue?vue&type=style&index=0&id=36bd97c0&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"36bd97c0\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VAlert } from 'vuetify/lib/components/VAlert';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardSubtitle } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VFlex } from 'vuetify/lib/components/VGrid';\nimport { VForm } from 'vuetify/lib/components/VForm';\nimport { VLayout } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VAlert,VBtn,VCard,VCardActions,VCardSubtitle,VCardText,VCardTitle,VCol,VContainer,VFlex,VForm,VLayout,VRow,VTextField})\n","import VBtn from './VBtn'\n\nexport { VBtn }\nexport default VBtn\n","export * from \"-!../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Login.vue?vue&type=style&index=0&id=36bd97c0&prod&lang=scss&scoped=true&\""],"sourceRoot":""}