{"version":3,"sources":["webpack:///./src/views/game/buyGold/Index.vue","webpack:///./src/services/buyGoldService.js","webpack:///src/views/game/buyGold/Index.vue","webpack:///./src/views/game/buyGold/Index.vue?229e","webpack:///./src/views/game/buyGold/Index.vue?7748","webpack:///./src/assets/images/icon/game-toolbar/fanpage-gray.svg","webpack:///./src/assets/images/icon/game-toolbar/download.svg","webpack:///./src/services/gameService.js","webpack:///./src/assets/images/icon/game-toolbar/homepage-grey.svg","webpack:///./src/services/serverGameService.js","webpack:///./src/services/roleService.js","webpack:///./src/components/headers/GameHeader.vue","webpack:///src/components/headers/GameHeader.vue","webpack:///./src/components/headers/GameHeader.vue?37da","webpack:///./src/components/headers/GameHeader.vue?11b3","webpack:///./src/components/headers/GameHeader.vue?06a9"],"names":["render","_vm","this","_c","_self","staticClass","attrs","title","_v","_s","ref","on","$event","preventDefault","onSubmit","scopedSlots","_u","key","fn","errors","servers","loading","formData","idGame","model","value","idServer","callback","$$v","$set","expression","roles","idRole","moneys","money","game","$t","goldName","staticRenderFns","buyGoldService","data","httpHelper","get","reCaptchaToken","post","headers","name","components","GameHeader","id","created","$bridge","$on","onSetGame","beforeDestroy","$off","methods","loadMoneys","$gotoHomePage","response","getRules","error","dialogHelper","alert","message","loadServers","serverGameService","getAllByGame","length","valid","$refs","form","validate","$recaptchaLoaded","buy","$recaptcha","watch","newValue","roleService","getRolesByServer","component","module","exports","gameService","aliasUrl","_t","pageName","label","click","$router","push","params","_e","iconUrl","getUrl","downloadUrl","require","homeUrl","fanpageUrl","props","$route","json","window","sessionStorage","getItem","JSON","parse","e","console","log","$store","dispatch","$emit","detail","setItem","stringify"],"mappings":"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","file":"js/chunk-0f8ee620.b1351b6b.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page page-account\"},[_c('b-col',{staticClass:\"py-3\"},[_c('GameHeader',{attrs:{\"page-name\":_vm.title}}),_c('RowLine'),_c('div',{staticClass:\"game-feature\"},[_c('h1',{staticClass:\"feature-title\"},[_vm._v(_vm._s(_vm.title))]),_c('ValidationObserver',{ref:\"form\",staticClass:\"form app-form\",attrs:{\"tag\":\"form\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.onSubmit()}}},[_c('b-form-group',[_c('ValidationProvider',{attrs:{\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors }){return [_c('b-select',{attrs:{\"options\":_vm.servers,\"value-field\":\"id\",\"text-field\":\"name\",\"disabled\":_vm.loading || _vm.formData.idGame < 1},model:{value:(_vm.formData.idServer),callback:function ($$v) {_vm.$set(_vm.formData, \"idServer\", $$v)},expression:\"formData.idServer\"}}),_c('div',{staticClass:\"msg-validate-error\"},[_vm._v(_vm._s(errors[0]))])]}}])})],1),_c('b-form-group',[_c('ValidationProvider',{attrs:{\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors }){return [_c('b-select',{attrs:{\"options\":_vm.roles,\"value-field\":\"id\",\"text-field\":\"name\",\"disabled\":_vm.loading || _vm.formData.idServer < 1},model:{value:(_vm.formData.idRole),callback:function ($$v) {_vm.$set(_vm.formData, \"idRole\", $$v)},expression:\"formData.idRole\"}}),_c('div',{staticClass:\"msg-validate-error\"},[_vm._v(_vm._s(errors[0]))])]}}])})],1),_c('b-form-group',[_c('ValidationProvider',{attrs:{\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors }){return [_c('b-select',{attrs:{\"options\":_vm.moneys,\"value-field\":\"id\",\"text-field\":\"name\",\"disabled\":_vm.loading || _vm.formData.idRole < 1},model:{value:(_vm.formData.money),callback:function ($$v) {_vm.$set(_vm.formData, \"money\", $$v)},expression:\"formData.money\"}}),_c('div',{staticClass:\"msg-validate-error\"},[_vm._v(_vm._s(errors[0]))])]}}])})],1),_c('b-form-group',[_c('b-button',{staticClass:\"font-weight-bold\",attrs:{\"type\":\"submit\",\"variant\":\"primary\",\"block\":\"\",\"size\":\"lg\",\"disabled\":_vm.loading}},[_vm._v(\" \"+_vm._s(_vm.game ? _vm.$t(\"Buy a {goldName} package\", {goldName: _vm.game.goldName}) : _vm.$t(\"Buy a gold package\"))+\" \")])],1),_c('b-form-group',{staticClass:\"pt-2\"},[_c('div',{staticClass:\"font-weight-bold\"},[_vm._v(\" 1. \"+_vm._s(_vm.game && _vm.game.goldName)+\" is the currency used a lot in the Pokemon world, in terms of rarity and convenience, second only to diamonds. \")]),_c('div',[_vm._v(\" 2. This shop helps you to own gold quickly without spending much effort searching in the game. \")]),_c('div',{staticClass:\"font-weight-bold text-danger\"},[_vm._v(\" 3. Buying items at this Shop will not increase benefits or VIP points in the game, please pay attention to avoid miscalculation. \")]),_c('div',[_vm._v(\" 4. \"+_vm._s(_vm.game && _vm.game.goldName)+\" will be sent to in-game mail after purchase! \")])])],1),_c('LoadingModal',{attrs:{\"show\":_vm.loading}})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import httpHelper from \"@/helpers/httpHelper\";\n\nconst buyGoldService = {\n    async getRules(data) {\n        return await httpHelper.get(\"/WebApi/BuyGold/GetRules\", data);\n    },\n    async buy(data, reCaptchaToken) {\n        return await httpHelper.post(\"/WebApi/BuyGold/Buy\", data, {\n            headers: {\n                reCaptchaToken\n            }\n        });\n    },\n};\n\nexport default buyGoldService;","<template>\n  <div class=\"page page-account\">\n    <b-col class=\"py-3\">\n      <GameHeader :page-name=\"title\"/>\n      <RowLine />\n      <div class=\"game-feature\">\n        <h1 class=\"feature-title\">{{title}}</h1>\n        <ValidationObserver ref=\"form\" tag=\"form\" class=\"form app-form\" @submit.prevent=\"onSubmit()\">\n          <b-form-group>\n            <ValidationProvider rules=\"required\" v-slot=\"{ errors }\">\n              <b-select v-model=\"formData.idServer\" :options=\"servers\" value-field=\"id\" text-field=\"name\" :disabled=\"loading || formData.idGame < 1\"/>\n              <div class=\"msg-validate-error\">{{ errors[0] }}</div>\n            </ValidationProvider>\n          </b-form-group>\n          <b-form-group>\n            <ValidationProvider rules=\"required\" v-slot=\"{ errors }\">\n              <b-select v-model=\"formData.idRole\" :options=\"roles\" value-field=\"id\" text-field=\"name\" :disabled=\"loading || formData.idServer < 1\"/>\n              <div class=\"msg-validate-error\">{{ errors[0] }}</div>\n            </ValidationProvider>\n          </b-form-group>\n          <b-form-group>\n            <ValidationProvider rules=\"required\" v-slot=\"{ errors }\">\n              <b-select v-model=\"formData.money\" :options=\"moneys\"  value-field=\"id\" text-field=\"name\" :disabled=\"loading || formData.idRole < 1\"/>\n              <div class=\"msg-validate-error\">{{ errors[0] }}</div>\n            </ValidationProvider>\n          </b-form-group>\n          <b-form-group>\n            <b-button type=\"submit\" variant=\"primary\" block size=\"lg\" class=\"font-weight-bold\" :disabled=\"loading\">\n              {{  game ? $t(\"Buy a {goldName} package\", {goldName: game.goldName}) : $t(\"Buy a gold package\") }}\n            </b-button>\n          </b-form-group>\n          <b-form-group class=\"pt-2\">\n            <div class=\"font-weight-bold\">\n              1. {{ game && game.goldName}} is the currency used a lot in the Pokemon world, in terms of rarity and convenience, second only to diamonds.\n            </div>\n            <div>\n              2. This shop helps you to own gold quickly without spending much effort searching in the game.\n            </div>\n            <div class=\"font-weight-bold text-danger\">\n              3. Buying items at this Shop will not increase benefits or VIP points in the game, please pay attention to avoid miscalculation.\n            </div>\n            <div>\n              4. {{ game && game.goldName}} will be sent to in-game mail after purchase!\n            </div>\n          </b-form-group>\n        </ValidationObserver>\n        <LoadingModal :show=\"loading\"/>\n      </div>\n    </b-col>\n  </div>\n</template>\n\n<script>\nimport GameHeader from \"@/components/headers/GameHeader\";\nimport serverGameService from \"@/services/serverGameService\";\nimport buyGoldService from \"@/services/buyGoldService\";\nimport roleService from \"@/services/roleService\";\nimport dialogHelper from \"@/helpers/dialogHelper\";\n\nexport default {\n  name: \"Index\",\n  components: {GameHeader},\n  data() {\n    return {\n      loading: false,\n      servers: [{\n        id: 0,\n        name: this.$t(\"Select a server\")\n      }],\n      roles: [{\n        id: 0,\n        name: this.$t(\"Select a role\")\n      }],\n      moneys: [{\n        id: 0,\n        name: this.$t(\"Select a gold value\")\n      }],\n      game: null,\n      title: null,\n      formData: {\n        idGame: 0,\n        idServer: 0,\n        idRole: 0,\n        money: 0\n      }\n    }\n  },\n  created() {\n    this.title = this.$t(\"Buy gold\");\n    this.$bridge.$on(\"setCurrentGame\", this.onSetGame);\n  },\n  beforeDestroy() {\n    this.$bridge.$off(\"setCurrentGame\", this.onSetGame);\n  },\n  methods: {\n    onSetGame(game) {\n      if (!game)\n      {\n        this.$gotoHomePage();\n        return;\n      }\n\n      this.game = game;\n      this.title = this.$t(\"Buy {{goldName}}\", {goldName:  game.goldName});\n      this.formData.idGame = game.id;\n      this.loadMoneys(game.id);\n    },\n    async loadMoneys(idGame) {\n      this.loading = true;\n      const response = await buyGoldService.getRules({\n        idGame: idGame\n      }) ;\n\n      if (!response)\n      {\n        this.loading = false;\n        await dialogHelper.alert(\"Connect to server failed. Please check your internet connection\");\n        await this.$gotoHomePage();\n        return;\n      }\n\n      if (response.error)\n      {\n        this.loading = false;\n        await dialogHelper.alert(response.message);\n        await this.$gotoHomePage();\n        return;\n      }\n\n      this.moneys = [...this.moneys, ...response.data];\n      await this.loadServers(idGame);\n    },\n    async loadServers(idGame) {\n      let servers = [{\n        id: 0,\n        name: this.$t(\"Select a server\")\n      }];\n\n      const response = await serverGameService.getAllByGame(idGame);\n      this.loading = false;\n      if (!response)\n        await dialogHelper.alert(\"Connect to server failed. Please check your internet connection\");\n      else if (response.error)\n        await dialogHelper.alert(response.message);\n      else\n        servers = [...servers, ...response.data];\n\n      this.servers = servers;\n      this.formData.idServer = servers.length > 1 ? servers[1].id : 0;\n    },\n    async onSubmit() {\n      const valid = await this.$refs.form.validate();\n      if (!valid)\n        return;\n\n      this.loading = true;\n      await this.$recaptchaLoaded();\n      const response = await buyGoldService.buy(this.formData, await this.$recaptcha('buyGold'))\n      this.loading = false;\n\n      if (!response)\n      {\n        await dialogHelper.alert(\"Connect to server failed. Please check your internet connection\");\n        return;\n      }\n\n      if (response.error) {\n        await dialogHelper.alert(response.message);\n        return;\n      }\n\n      await dialogHelper.alert(response.message, \"success\");\n      this.formData.idRole = 0;\n    }\n  },\n  watch: {\n    \"formData.idServer\": async function (newValue) {\n      let roles = [{\n        id: 0,\n        name: this.$t(\"Select a role\")\n      }];\n\n      if (newValue > 0) {\n        this.loading = true;\n        const response = await roleService.getRolesByServer(newValue);\n        this.loading = false;\n        if (!response)\n          await dialogHelper.alert(\"Connect to server failed. Please check your internet connection\");\n        else if (response.error)\n          await dialogHelper.alert(response.message);\n        else\n          roles = [...roles, ...response.data];\n      }\n\n      this.roles = roles;\n      this.formData.idRole = roles.length > 1 ? roles[1].id :  0;\n    },\n  }\n}\n</script>\n\n<style scoped>\n\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../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!./Index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../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!./Index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=51ed5927&scoped=true\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\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  \"51ed5927\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/fanpage-gray.2fdb72ff.svg\";","module.exports = __webpack_public_path__ + \"img/download.8daf6b98.svg\";","import httpHelper from \"@/helpers/httpHelper\";\n\nconst gameService = {\n    async detail(aliasUrl) {\n        return await httpHelper.get(\"/WebApi/Game/Detail\", {aliasUrl});\n    },\n    async getAll() {\n        return await httpHelper.get(\"/WebApi/Game/GetAll\");\n    }\n};\n\nexport default gameService;","module.exports = __webpack_public_path__ + \"img/homepage-grey.dea93aeb.svg\";","import httpHelper from \"@/helpers/httpHelper\";\n\nconst serverGameService = {\n    async getAllByGame(idGame) {\n        return await httpHelper.get(\"/WebApi/GameServer/GetAllByGame\", {idGame});\n    },\n};\n\nexport default serverGameService;","import httpHelper from \"@/helpers/httpHelper\";\n\nconst roleService = {\n    async getRolesByServer(idServer) {\n        return await httpHelper.get(\"/WebApi/Role/GetRolesByServer\", {idServer});\n    },\n};\n\nexport default roleService;","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"game-header\"},[(_vm.loading)?_c('LoadingPanel'):(_vm.game == null)?_c('NotFoundPanel'):_c('div',[_vm._t(\"breadcrumb\",function(){return [(_vm.game)?_c('div',[(_vm.pageName)?_c('Breadcrumb',{attrs:{\"items\":[\n            {\n              label: _vm.$t('Game detail'),\n              click: () =>\n                _vm.$router.push({\n                  name: 'GameDetail',\n                  params: { aliasUrl: _vm.game.aliasUrl },\n                }),\n            },\n            { label: _vm.pageName },\n          ]}}):_c('Breadcrumb',{attrs:{\"items\":[{ label: _vm.game.name }]}})],1):_vm._e()]},null,_vm.game),_c('div',{staticClass:\"d-flex\"},[_c('img',{staticClass:\"game-icon mr-3\",attrs:{\"src\":_vm.game.iconUrl.getUrl(),\"alt\":\"\"}}),_c('div',{staticClass:\"game-content\"},[_c('h1',{staticClass:\"game-name\"},[_vm._v(_vm._s(_vm.game.name))]),_c('div',{staticClass:\"game-links d-flex justify-content-between\"},[(_vm.game.downloadUrl && _vm.game.downloadUrl.length > 0)?_c('div',{staticClass:\"game-link\"},[_c('a',{attrs:{\"href\":_vm.game.downloadUrl,\"download\":\"\"}},[_c('img',{staticClass:\"mr-1\",attrs:{\"src\":require(\"../../assets/images/icon/game-toolbar/download.svg\"),\"alt\":\"\"}}),_vm._v(_vm._s(_vm.$t(\"Download game\"))+\" \")])]):_vm._e(),(_vm.game.homeUrl && _vm.game.homeUrl.length > 0)?_c('div',{staticClass:\"game-link\"},[_c('a',{attrs:{\"href\":_vm.game.homeUrl}},[_c('img',{staticClass:\"mr-1\",attrs:{\"src\":require(\"../../assets/images/icon/game-toolbar/homepage-grey.svg\"),\"alt\":\"\"}}),_vm._v(_vm._s(_vm.$t(\"Home page\"))+\" \")])]):_vm._e(),(_vm.game.fanpageUrl && _vm.game.fanpageUrl.length > 0)?_c('div',{staticClass:\"game-link\"},[_c('a',{attrs:{\"href\":_vm.game.fanpageUrl}},[_c('img',{staticClass:\"mr-1\",attrs:{\"src\":require(\"../../assets/images/icon/game-toolbar/fanpage-gray.svg\"),\"alt\":\"\"}}),_vm._v(_vm._s(_vm.$t(\"Fanpage\"))+\" \")])]):_vm._e()])])])],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"game-header\">\n    <LoadingPanel v-if=\"loading\" />\n    <NotFoundPanel v-else-if=\"game == null\" />\n    <div v-else>\n      <slot name=\"breadcrumb\" v-bind=\"game\">\n        <div v-if=\"game\">\n          <Breadcrumb\n            v-if=\"pageName\"\n            :items=\"[\n              {\n                label: $t('Game detail'),\n                click: () =>\n                  $router.push({\n                    name: 'GameDetail',\n                    params: { aliasUrl: game.aliasUrl },\n                  }),\n              },\n              { label: pageName },\n            ]\"\n          />\n          <Breadcrumb v-else :items=\"[{ label: game.name }]\" />\n        </div>\n      </slot>\n      <div class=\"d-flex\">\n        <img :src=\"game.iconUrl.getUrl()\" class=\"game-icon mr-3\" alt=\"\" />\n        <div class=\"game-content\">\n          <h1 class=\"game-name\">{{ game.name }}</h1>\n          <div class=\"game-links d-flex justify-content-between\">\n            <div\n              class=\"game-link\"\n              v-if=\"game.downloadUrl && game.downloadUrl.length > 0\"\n            >\n              <a :href=\"game.downloadUrl\" download>\n                <img\n                  src=\"../../assets/images/icon/game-toolbar/download.svg\"\n                  class=\"mr-1\"\n                  alt=\"\"\n                />{{ $t(\"Download game\") }}\n              </a>\n            </div>\n            <div\n              class=\"game-link\"\n              v-if=\"game.homeUrl && game.homeUrl.length > 0\"\n            >\n              <a :href=\"game.homeUrl\">\n                <img\n                  src=\"../../assets/images/icon/game-toolbar/homepage-grey.svg\"\n                  class=\"mr-1\"\n                  alt=\"\"\n                />{{ $t(\"Home page\") }}\n              </a>\n            </div>\n            <div\n              class=\"game-link\"\n              v-if=\"game.fanpageUrl && game.fanpageUrl.length > 0\"\n            >\n              <a :href=\"game.fanpageUrl\">\n                <img\n                  src=\"../../assets/images/icon/game-toolbar/fanpage-gray.svg\"\n                  class=\"mr-1\"\n                  alt=\"\"\n                />{{ $t(\"Fanpage\") }}\n              </a>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport gameService from \"@/services/gameService\";\nimport dialogHelper from \"@/helpers/dialogHelper\";\n\nexport default {\n  name: \"GameHeader\",\n  props: [\"aliasUrl\", \"pageName\"],\n  data() {\n    return {\n      game: null,\n      loading: true,\n    };\n  },\n  async created() {\n    let game;\n    let aliasUrl = this.aliasUrl || this.$route.params.aliasUrl;\n    if (!aliasUrl) {\n      this.loading = false;\n      return;\n    }\n\n    try {\n      const json = window.sessionStorage.getItem(\"game:\" + aliasUrl);\n      if (json) game = JSON.parse(json);\n    } catch (e) {\n      console.log(e);\n    }\n\n    if (game) {\n      this.game = game;\n      await this.$store.dispatch(\"setCurrentGame\", game);\n      this.$bridge.$emit(\"setCurrentGame\", game);\n      this.loading = false;\n      return;\n    }\n\n    const response = await gameService.detail(aliasUrl);\n    if (!response) {\n      this.loading = false;\n      await dialogHelper.alert(\n        \"Connect to server failed. Please check your internet connection\"\n      );\n      return;\n    }\n\n    game = response.data;\n    await this.$store.dispatch(\"setCurrentGame\", game);\n    try {\n      window.sessionStorage.setItem(\"game:\" + aliasUrl, JSON.stringify(game));\n    } catch (e) {\n      console.log(e);\n    }\n\n    this.game = game;\n    this.loading = false;\n    this.$bridge.$emit(\"setCurrentGame\", game);\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n.game-header {\n  .game-icon {\n    height: 52px;\n    width: 52px;\n    object-fit: contain;\n  }\n\n  .game-content {\n    flex: 1;\n\n    .game-name {\n      font-size: 16px;\n      font-weight: 400;\n    }\n\n    .game-links {\n      .game-link {\n        font-size: 12px;\n        padding-right: 5px;\n\n        a {\n          color: #8e8e93;\n\n          img {\n            vertical-align: text-top;\n          }\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../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!./GameHeader.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../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!./GameHeader.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./GameHeader.vue?vue&type=template&id=d23e3586&scoped=true\"\nimport script from \"./GameHeader.vue?vue&type=script&lang=js\"\nexport * from \"./GameHeader.vue?vue&type=script&lang=js\"\nimport style0 from \"./GameHeader.vue?vue&type=style&index=0&id=d23e3586&prod&scoped=true&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  \"d23e3586\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../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!./GameHeader.vue?vue&type=style&index=0&id=d23e3586&prod&scoped=true&lang=scss\""],"sourceRoot":""}