{"version":3,"sources":["webpack:///./src/store/user-management/moduleUserManagementState.js","webpack:///./src/store/user-management/moduleUserManagementMutations.js","webpack:///./src/store/user-management/moduleUserManagementActions.js","webpack:///./src/store/user-management/moduleUserManagementGetters.js","webpack:///./src/store/user-management/moduleUserManagement.js","webpack:///./src/views/apps/user/UserView.vue?3c0d","webpack:///src/views/apps/user/UserView.vue","webpack:///./src/views/apps/user/UserView.vue?e75b","webpack:///./src/views/apps/user/UserView.vue","webpack:///./src/views/apps/user/UserView.vue?8d45"],"names":["users","SET_USERS","state","REMOVE_RECORD","itemId","userIndex","findIndex","u","id","splice","fetchUsers","commit","Promise","resolve","reject","axios","get","then","response","data","catch","error","fetchUser","context","userId","removeRecord","delete","isRegistered","namespaced","mutations","actions","getters","render","_vm","this","_h","$createElement","_c","_self","attrs","user_not_found","on","$event","_v","_s","$route","params","staticClass","name","user_data","avatar","username","email","status","role","company","confirmDeleteRecord","dob","mobile","website","languages_known","join","gender","contact_options","social_links","twitter","facebook","instagram","github","codepen","slack","_l","heading","key","val","permission","model","value","callback","$$v","$set","expression","_e","staticRenderFns","computed","userAddress","str","methods","$vs","dialog","type","color","title","text","accept","acceptText","deleteRecord","$router","push","showDeleteSuccess","notify","created","moduleUserManagement","$store","registerModule","dispatch","console","component"],"mappings":"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","file":"js/chunk-1a49e8b2.cf023620.js","sourcesContent":["/*=========================================================================================\n  File Name: moduleCalendarState.js\n  Description: Calendar Module State\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n==========================================================================================*/\n\nexport default {\n  users: []\n}\n","/*=========================================================================================\n  File Name: moduleCalendarMutations.js\n  Description: Calendar Module Mutations\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n==========================================================================================*/\n\n\nexport default {\n  SET_USERS (state, users) {\n    state.users = users\n  },\n  REMOVE_RECORD (state, itemId) {\n    const userIndex = state.users.findIndex((u) => u.id === itemId)\n    state.users.splice(userIndex, 1)\n  }\n}\n","/*=========================================================================================\n  File Name: moduleCalendarActions.js\n  Description: Calendar Module Actions\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n==========================================================================================*/\n\nimport axios from '@/axios.js'\n\nexport default {\n  // addItem({ commit }, item) {\n  //   return new Promise((resolve, reject) => {\n  //     axios.post(\"/api/data-list/products/\", {item: item})\n  //       .then((response) => {\n  //         commit('ADD_ITEM', Object.assign(item, {id: response.data.id}))\n  //         resolve(response)\n  //       })\n  //       .catch((error) => { reject(error) })\n  //   })\n  // },\n  fetchUsers ({ commit }) {\n    return new Promise((resolve, reject) => {\n      axios.get('/api/user-management/users')\n        .then((response) => {\n          commit('SET_USERS', response.data)\n          resolve(response)\n        })\n        .catch((error) => { reject(error) })\n    })\n  },\n  fetchUser (context, userId) {\n    return new Promise((resolve, reject) => {\n      axios.get(`/api/user-management/users/${userId}`)\n        .then((response) => {\n          resolve(response)\n        })\n        .catch((error) => { reject(error) })\n    })\n  },\n  removeRecord ({ commit }, userId) {\n    return new Promise((resolve, reject) => {\n      axios.delete(`/api/user-management/users/${userId}`)\n        .then((response) => {\n          commit('REMOVE_RECORD', userId)\n          resolve(response)\n        })\n        .catch((error) => { reject(error) })\n    })\n  }\n}\n","/*=========================================================================================\n  File Name: moduleCalendarGetters.js\n  Description: Calendar Module Getters\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n==========================================================================================*/\n\n\nexport default {}\n","/*=========================================================================================\n  File Name: moduleUserManagement.js\n  Description: Calendar Module\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n==========================================================================================*/\n\n\nimport state from './moduleUserManagementState.js'\nimport mutations from './moduleUserManagementMutations.js'\nimport actions from './moduleUserManagementActions.js'\nimport getters from './moduleUserManagementGetters.js'\n\nexport default {\n  isRegistered: false,\n  namespaced: true,\n  state,\n  mutations,\n  actions,\n  getters\n}\n\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"page-user-view\"}},[_c('vs-alert',{attrs:{\"color\":\"danger\",\"title\":\"User Not Found\",\"active\":_vm.user_not_found},on:{\"update:active\":function($event){_vm.user_not_found=$event}}},[_c('span',[_vm._v(\"User record with id: \"+_vm._s(_vm.$route.params.userId)+\" not found. \")]),_c('span',[_c('span',[_vm._v(\"Check \")]),_c('router-link',{staticClass:\"text-inherit underline\",attrs:{\"to\":{name:'page-user-list'}}},[_vm._v(\"All Users\")])],1)]),(_vm.user_data)?_c('div',{attrs:{\"id\":\"user-data\"}},[_c('vx-card',{staticClass:\"mb-base\",attrs:{\"title\":\"Account\"}},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col\",attrs:{\"id\":\"avatar-col\"}},[_c('div',{staticClass:\"img-container mb-4\"},[_c('img',{staticClass:\"rounded w-full\",attrs:{\"src\":_vm.user_data.avatar}})])]),_c('div',{staticClass:\"vx-col flex-1\",attrs:{\"id\":\"account-info-col-1\"}},[_c('table',[_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Username\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.username))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Name\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.name))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Email\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.email))])])])]),_c('div',{staticClass:\"vx-col flex-1\",attrs:{\"id\":\"account-info-col-2\"}},[_c('table',[_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Status\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.status))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Role\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.role))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Company\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.company))])])])]),_c('div',{staticClass:\"vx-col w-full flex\",attrs:{\"id\":\"account-manage-buttons\"}},[_c('vs-button',{staticClass:\"mr-4\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-edit\",\"to\":{name: 'app-user-edit', params: { userId: _vm.$route.params.userId }}}},[_vm._v(\"Edit\")]),_c('vs-button',{attrs:{\"type\":\"border\",\"color\":\"danger\",\"icon-pack\":\"feather\",\"icon\":\"icon-trash\"},on:{\"click\":_vm.confirmDeleteRecord}},[_vm._v(\"Delete\")])],1)])]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col lg:w-1/2 w-full\"},[_c('vx-card',{staticClass:\"mb-base\",attrs:{\"title\":\"Information\"}},[_c('table',[_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Birth Date\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.dob))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Mobile\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.mobile))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Website\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.website))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Languages\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.languages_known.join(\", \")))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Gender\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.gender))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Contact\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.contact_options.join(\", \")))])])])])],1),_c('div',{staticClass:\"vx-col lg:w-1/2 w-full\"},[_c('vx-card',{staticClass:\"mb-base\",attrs:{\"title\":\"Social Links\"}},[_c('table',[_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Twitter\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.social_links.twitter))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Facebook\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.social_links.facebook))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Instagram\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.social_links.instagram))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Github\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.social_links.github))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"CodePen\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.social_links.codepen))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Slack\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.social_links.slack))])])])])],1)]),_c('vx-card',[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('div',{staticClass:\"flex items-end px-3\"},[_c('feather-icon',{staticClass:\"mr-2\",attrs:{\"svgClasses\":\"w-6 h-6\",\"icon\":\"LockIcon\"}}),_c('span',{staticClass:\"font-medium text-lg leading-none\"},[_vm._v(\"Permissions\")])],1),_c('vs-divider')],1)]),_c('div',{staticClass:\"block overflow-x-auto\"},[_c('table',{staticClass:\"w-full permissions-table\"},[_c('tr',_vm._l((['Module', 'Read', 'Write', 'Create', 'Delete']),function(heading){return _c('th',{key:heading,staticClass:\"font-semibold text-base text-left px-3 py-2\"},[_vm._v(_vm._s(heading))])}),0),_vm._l((_vm.user_data.permissions),function(val,name){return _c('tr',{key:name},[_c('td',{staticClass:\"px-3 py-2\"},[_vm._v(_vm._s(name))]),_vm._l((val),function(permission,name){return _c('td',{key:name+permission,staticClass:\"px-3 py-2\"},[_c('vs-checkbox',{staticClass:\"pointer-events-none\",model:{value:(val[name]),callback:function ($$v) {_vm.$set(val, name, $$v)},expression:\"val[name]\"}})],1)})],2)})],2)])])],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n  File Name: UserView.vue\n  Description: User View page\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n<template>\n  <div id=\"page-user-view\">\n\n    <vs-alert color=\"danger\" title=\"User Not Found\" :active.sync=\"user_not_found\">\n      <span>User record with id: {{ $route.params.userId }} not found. </span>\n      <span>\n        <span>Check </span><router-link :to=\"{name:'page-user-list'}\" class=\"text-inherit underline\">All Users</router-link>\n      </span>\n    </vs-alert>\n\n    <div id=\"user-data\" v-if=\"user_data\">\n\n      <vx-card title=\"Account\" class=\"mb-base\">\n\n        <!-- Avatar -->\n        <div class=\"vx-row\">\n\n          <!-- Avatar Col -->\n          <div class=\"vx-col\" id=\"avatar-col\">\n            <div class=\"img-container mb-4\">\n              <img :src=\"user_data.avatar\" class=\"rounded w-full\" />\n            </div>\n          </div>\n\n          <!-- Information - Col 1 -->\n          <div class=\"vx-col flex-1\" id=\"account-info-col-1\">\n            <table>\n              <tr>\n                <td class=\"font-semibold\">Username</td>\n                <td>{{ user_data.username }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">Name</td>\n                <td>{{ user_data.name }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">Email</td>\n                <td>{{ user_data.email }}</td>\n              </tr>\n            </table>\n          </div>\n          <!-- /Information - Col 1 -->\n\n          <!-- Information - Col 2 -->\n          <div class=\"vx-col flex-1\" id=\"account-info-col-2\">\n            <table>\n              <tr>\n                <td class=\"font-semibold\">Status</td>\n                <td>{{ user_data.status }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">Role</td>\n                <td>{{ user_data.role }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">Company</td>\n                <td>{{ user_data.company }}</td>\n              </tr>\n            </table>\n          </div>\n          <!-- /Information - Col 2 -->\n          <div class=\"vx-col w-full flex\" id=\"account-manage-buttons\">\n            <vs-button icon-pack=\"feather\" icon=\"icon-edit\" class=\"mr-4\" :to=\"{name: 'app-user-edit', params: { userId: $route.params.userId }}\">Edit</vs-button>\n            <vs-button type=\"border\" color=\"danger\" icon-pack=\"feather\" icon=\"icon-trash\" @click=\"confirmDeleteRecord\">Delete</vs-button>\n          </div>\n\n        </div>\n\n      </vx-card>\n\n      <div class=\"vx-row\">\n        <div class=\"vx-col lg:w-1/2 w-full\">\n          <vx-card title=\"Information\" class=\"mb-base\">\n            <table>\n              <tr>\n                <td class=\"font-semibold\">Birth Date</td>\n                <td>{{ user_data.dob }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">Mobile</td>\n                <td>{{ user_data.mobile }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">Website</td>\n                <td>{{ user_data.website }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">Languages</td>\n                <td>{{ user_data.languages_known.join(\", \") }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">Gender</td>\n                <td>{{ user_data.gender }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">Contact</td>\n                <td>{{ user_data.contact_options.join(\", \") }}</td>\n              </tr>\n            </table>\n          </vx-card>\n        </div>\n\n        <div class=\"vx-col lg:w-1/2 w-full\">\n          <vx-card title=\"Social Links\" class=\"mb-base\">\n            <table>\n              <tr>\n                <td class=\"font-semibold\">Twitter</td>\n                <td>{{ user_data.social_links.twitter }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">Facebook</td>\n                <td>{{ user_data.social_links.facebook }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">Instagram</td>\n                <td>{{ user_data.social_links.instagram }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">Github</td>\n                <td>{{ user_data.social_links.github }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">CodePen</td>\n                <td>{{ user_data.social_links.codepen }}</td>\n              </tr>\n              <tr>\n                <td class=\"font-semibold\">Slack</td>\n                <td>{{ user_data.social_links.slack }}</td>\n              </tr>\n            </table>\n          </vx-card>\n        </div>\n      </div>\n\n      <!-- Permissions -->\n      <vx-card>\n\n        <div class=\"vx-row\">\n          <div class=\"vx-col w-full\">\n            <div class=\"flex items-end px-3\">\n              <feather-icon svgClasses=\"w-6 h-6\" icon=\"LockIcon\" class=\"mr-2\" />\n              <span class=\"font-medium text-lg leading-none\">Permissions</span>\n            </div>\n            <vs-divider />\n          </div>\n        </div>\n\n        <div class=\"block overflow-x-auto\">\n          <table class=\"w-full permissions-table\">\n            <tr>\n              <!--\n                You can also use `Object.keys(Object.values(data_local.permissions)[0])` this logic if you consider,\n                our data structure. You just have to loop over above variable to get table headers.\n                Below we made it simple. So, everyone can understand.\n               -->\n              <th class=\"font-semibold text-base text-left px-3 py-2\" v-for=\"heading in ['Module', 'Read', 'Write', 'Create', 'Delete']\" :key=\"heading\">{{ heading }}</th>\n            </tr>\n\n            <tr v-for=\"(val, name) in user_data.permissions\" :key=\"name\">\n              <td class=\"px-3 py-2\">{{ name }}</td>\n              <td v-for=\"(permission, name) in val\" class=\"px-3 py-2\" :key=\"name+permission\">\n                <vs-checkbox v-model=\"val[name]\" class=\"pointer-events-none\" />\n              </td>\n            </tr>\n          </table>\n        </div>\n\n      </vx-card>\n    </div>\n  </div>\n</template>\n\n<script>\nimport moduleUserManagement from '@/store/user-management/moduleUserManagement.js'\n\nexport default {\n  data () {\n    return {\n      user_data: null,\n      user_not_found: false\n    }\n  },\n  computed: {\n    userAddress () {\n      let str = ''\n      for (const field in this.user_data.location) {\n        str += `${field  } `\n      }\n      return str\n    }\n  },\n  methods: {\n    confirmDeleteRecord () {\n      this.$vs.dialog({\n        type: 'confirm',\n        color: 'danger',\n        title: 'Confirm Delete',\n        text: `You are about to delete \"${this.user_data.username}\"`,\n        accept: this.deleteRecord,\n        acceptText: 'Delete'\n      })\n    },\n    deleteRecord () {\n      /* Below two lines are just for demo purpose */\n      this.$router.push({name:'app-user-list'})\n      this.showDeleteSuccess()\n\n      /* UnComment below lines for enabling true flow if deleting user */\n      // this.$store.dispatch(\"userManagement/removeRecord\", this.user_data.id)\n      //   .then(()   => { this.$router.push({name:'app-user-list'}); this.showDeleteSuccess() })\n      //   .catch(err => { console.error(err)       })\n    },\n    showDeleteSuccess () {\n      this.$vs.notify({\n        color: 'success',\n        title: 'User Deleted',\n        text: 'The selected user was successfully deleted'\n      })\n    }\n  },\n  created () {\n    // Register Module UserManagement Module\n    if (!moduleUserManagement.isRegistered) {\n      this.$store.registerModule('userManagement', moduleUserManagement)\n      moduleUserManagement.isRegistered = true\n    }\n\n    const userId = this.$route.params.userId\n    this.$store.dispatch('userManagement/fetchUser', userId)\n      .then(res => { this.user_data = res.data })\n      .catch(err => {\n        if (err.response.status === 404) {\n          this.user_not_found = true\n          return\n        }\n        console.error(err) \n      })\n  }\n}\n\n</script>\n\n<style lang=\"scss\">\n#avatar-col {\n  width: 10rem;\n}\n\n#page-user-view {\n  table {\n    td {\n      vertical-align: top;\n      min-width: 140px;\n      padding-bottom: .8rem;\n      word-break: break-all;\n    }\n\n    &:not(.permissions-table) {\n      td {\n        @media screen and (max-width:370px) {\n          display: block;\n        }\n      }\n    }\n  }\n}\n\n// #account-info-col-1 {\n//   // flex-grow: 1;\n//   width: 30rem !important;\n//   @media screen and (min-width:1200px) {\n//     & {\n//       flex-grow: unset !important;\n//     }\n//   }\n// }\n\n\n@media screen and (min-width:1201px) and (max-width:1211px),\nonly screen and (min-width:636px) and (max-width:991px) {\n  #account-info-col-1 {\n    width: calc(100% - 12rem) !important;\n  }\n\n  // #account-manage-buttons {\n  //   width: 12rem !important;\n  //   flex-direction: column;\n\n  //   > button {\n  //     margin-right: 0 !important;\n  //     margin-bottom: 1rem;\n  //   }\n  // }\n\n}\n\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserView.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserView.vue?vue&type=template&id=370f60a1&\"\nimport script from \"./UserView.vue?vue&type=script&lang=js&\"\nexport * from \"./UserView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UserView.vue?vue&type=style&index=0&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/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/lib/index.js??vue-loader-options!./UserView.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}