{"version":3,"sources":["webpack:///./src/components/web/BlogSection.vue","webpack:///src/components/web/BlogSection.vue","webpack:///./src/components/web/BlogSection.vue?03b4","webpack:///./src/components/web/BlogSection.vue?7d48","webpack:///./src/components/web/BlogSection.vue?2522"],"names":["render","_vm","this","_c","_self","data","staticClass","attrs","style","$global","newUrl","bannerLink","_v","_s","title","subtitle","_e","staticRenderFns","metaInfo","blog","locale","keywords","description","meta","vmid","name","content","property","computed","mapGetters","newLocale","methods","getData","response","api","get","mounted","$root","$on","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAAEF,EAAII,KAAMF,EAAG,MAAM,CAACG,YAAY,uBAAuBC,MAAM,CAAC,GAAK,SAAS,CAACJ,EAAG,MAAM,CAACG,YAAY,qBAAqB,CAACH,EAAG,MAAM,CAACG,YAAY,uBAAuB,CAACH,EAAG,MAAM,CAACG,YAAY,iCAAiC,CAACH,EAAG,MAAM,CAACG,YAAY,2BAA2BE,MAAO,yBAAyBN,KAAKO,QAAQC,OAAOT,EAAII,KAAKM,qBAAsBR,EAAG,MAAM,CAACG,YAAY,sBAAsB,CAACH,EAAG,MAAM,CAACG,YAAY,mCAAmC,CAACL,EAAIW,GAAGX,EAAIY,GAAGZ,EAAII,KAAKS,UAAUX,EAAG,MAAM,CAACG,YAAY,0BAA0B,CAACL,EAAIW,GAAGX,EAAIY,GAAGZ,EAAII,KAAKU,eAAeZ,EAAG,MAAM,CAACG,YAAY,qBAAqB,CAACH,EAAG,gBAAgB,OAAOF,EAAIe,QAE1tBC,EAAkB,G,wBCCtB,GACAZ,UACA,CACAA,KAAA,OAGAa,WACA,WAAAC,EAAA,SAAAC,QACA,SAAAC,EAAA,eAAAC,EAAA,SAAAR,EAAA,IAAAK,EAEA,OACAL,QACAS,KAAA,CACA,CACAC,KAAA,cACAC,KAAA,cACAC,QAAAJ,GAEA,CACAE,KAAA,SACAC,KAAA,SACAC,QAAA,iBAEA,CACAF,KAAA,WACAG,SAAA,WACAD,QAAAZ,GAEA,CACAU,KAAA,WACAC,KAAA,WACAC,QAAAL,GAEA,CACAG,KAAA,iBACAG,SAAA,iBACAD,QAAAJ,MAKAM,SAAA,IACAC,eAAA,eACAT,SACA,YAAAU,YAGAC,QAAA,CACAC,QAAA,iBACA,IAAAC,QAAAC,OAAAC,IAAA,oCACA,KAAA9B,KAAA4B,EAAA5B,OAGA+B,QAAA,uBACA,KAAAJ,UACA,KAAAK,MAAAC,IAAA,8BACA,KAAAN,cC3DuY,I,wBCQnYO,EAAY,eACd,EACAvC,EACAiB,GACA,EACA,KACA,KACA,MAIa,aAAAsB,E,2CCnBf","file":"js/chunk-61d0cdbe.1783603c.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',[(_vm.data)?_c('div',{staticClass:\"section-blog section\",attrs:{\"id\":\"blog\"}},[_c('div',{staticClass:\"section-blog-wrap\"},[_c('div',{staticClass:\"section-blog-header\"},[_c('div',{staticClass:\"section-blog-header-wrap main\"},[_c('div',{staticClass:\"section-blog-header-main\",style:(`background-image: url(${this.$global.newUrl(_vm.data.bannerLink)})`)})])]),_c('div',{staticClass:\"section-blog-title\"},[_c('div',{staticClass:\"section-blog-title-top sec-font\"},[_vm._v(_vm._s(_vm.data.title))]),_c('div',{staticClass:\"section-blog-title-sub\"},[_vm._v(_vm._s(_vm.data.subtitle))])]),_c('div',{staticClass:\"section-blog-list\"},[_c('router-view')],1)])]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\n  import api from \"../../api\";\n  import { mapGetters } from \"vuex\";\n  export default {\n    data: () => {\n      return {\n        data: null,\n      };\n    },\n    metaInfo() {\n      const { blog = {} } = this.locale;\n      const { keywords = \"\", description = \"\", title = \"\" } = blog;\n\n      return {\n        title,\n        meta: [\n          {\n            vmid: \"description\",\n            name: \"description\",\n            content: description,\n          },\n          {\n            vmid: \"robots\",\n            name: \"robots\",\n            content: \"index, follow\",\n          },\n          {\n            vmid: \"og:title\",\n            property: \"og:title\",\n            content: title,\n          },\n          {\n            vmid: \"keywords\",\n            name: \"keywords\",\n            content: keywords,\n          },\n          {\n            vmid: \"og:description\",\n            property: \"og:description\",\n            content: description,\n          },\n        ],\n      };\n    },\n    computed: {\n      ...mapGetters([\"newLocale\"]),\n      locale() {\n        return this.newLocale;\n      },\n    },\n    methods: {\n      getData: async function () {\n        let response = await api.get(`${process.env.VUE_APP_API_HOST}blog`);\n        this.data = response.data;\n      },\n    },\n    mounted: async function () {\n      await this.getData();\n      this.$root.$on(\"refreshlang\", async (data) => {\n        await this.getData();\n      });\n    },\n  };\n</script>\n\n<template>\n  <section>\n    <div class=\"section-blog section\" id=\"blog\" v-if=\"data\">\n      <div class=\"section-blog-wrap\">\n        <div class=\"section-blog-header\">\n          <div class=\"section-blog-header-wrap main\">\n            <div class=\"section-blog-header-main\" :style=\"`background-image: url(${this.$global.newUrl(data.bannerLink)})`\"></div>\n          </div>\n        </div>\n        <div class=\"section-blog-title\">\n          <div class=\"section-blog-title-top sec-font\">{{ data.title }}</div>\n          <div class=\"section-blog-title-sub\">{{ data.subtitle }}</div>\n        </div>\n        <div class=\"section-blog-list\">\n          <router-view></router-view>\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n\n<style lang=\"scss\">\n  @import \"@/assets/styles/vars.scss\";\n\n  .section-blog {\n    text-align: center;\n    margin-top: 70px;\n    &-header {\n      height: 200px;\n      &-wrap {\n        height: 100%;\n        width: 100%;\n        display: inline-block;\n      }\n      &-main {\n        background-color: $white_smoke;\n        height: calc(100% - #{$mpadding * 2});\n        width: calc(100% - #{$mpadding * 2});\n        margin: $mpadding 0 $mpadding $mpadding;\n        border-radius: $mradius;\n        background-size: cover;\n        background-position: top 40% center;\n        box-shadow: $dshadow;\n      }\n    }\n    &-title {\n      margin-top: -$mpadding * 2.2;\n      &-top {\n        font-size: 32px;\n        color: $primary_color;\n      }\n      &-sub {\n        font-size: 12px;\n        line-height: 1.462;\n        color: #5b5957;\n      }\n    }\n    @media (min-width: $tablet_width) {\n      &-header {\n        height: 239.91px;\n        margin-top: 70px;\n        &-main {\n          margin: $mpadding * 2 0 $mpadding $mpadding;\n        }\n      }\n      &-title {\n        margin-top: -$mpadding * 1.7;\n        &-top {\n          font-size: 42px;\n        }\n        &-sub {\n          font-size: 16px;\n          line-height: 1.625;\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/@vue/cli-plugin-babel/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!./BlogSection.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/@vue/cli-plugin-babel/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!./BlogSection.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BlogSection.vue?vue&type=template&id=362f5c44&\"\nimport script from \"./BlogSection.vue?vue&type=script&lang=js&\"\nexport * from \"./BlogSection.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BlogSection.vue?vue&type=style&index=0&id=362f5c44&prod&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--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!./BlogSection.vue?vue&type=style&index=0&id=362f5c44&prod&lang=scss&\""],"sourceRoot":""}