{"version":3,"sources":["webpack:///./src/views/Search.vue?152b","webpack:///./src/components/product.vue?ef83","webpack:///src/components/product.vue","webpack:///./src/components/product.vue?9bc6","webpack:///./src/components/product.vue?b27c","webpack:///src/views/Search.vue","webpack:///./src/views/Search.vue?536d","webpack:///./src/views/Search.vue","webpack:///./src/components/product.vue?513c"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","all_products","staticRenderFns","undefined","product","id","domProps","_s","name","pdf","_v","_e","url","images","length","_l","image","i","key","img_url","app_name","funcao_name","marca_name","description","model","value","form","callback","$$v","$set","expression","scopedSlots","_u","fn","proxy","errMsg","on","$event","submeter","mixins","computed","props","data","email","phone","msg","checkbox","products","filter","item","temp","push","prod","img","img2","img3","img4","img5","methods","component","VCard","VCarousel","VCarouselItem","VCheckbox","VCol","VRow","VTextField","VTextarea","components","Search","Product"],"mappings":"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","file":"js/chunk-d094aebe.91a7b296.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main-container\"},[_c('Search',{attrs:{\"all_products\":_vm.all_products}}),_c('Product',{attrs:{\"all_products\":_vm.all_products}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.product != undefined)?_c('section',{staticClass:\"product\",attrs:{\"id\":'product' + _vm.product.id}},[_c('div',{staticClass:\"wrapper\"},[_c('h2',{domProps:{\"innerHTML\":_vm._s(_vm.product.name)}}),_c('div',{staticClass:\"product-left\"},[_c('v-card',[_c('div',{staticClass:\"product-bg\"},[_c('div',{staticClass:\"product-links\"},[(_vm.product.pdf != 'null' && _vm.product.pdf != null && _vm.product.pdf != '')?_c('a',{attrs:{\"href\":'https://loop.linqode.com/images/'+_vm.product.pdf,\"download\":\"\"}},[_vm._v(\"download PDF\")]):_vm._e(),(_vm.product.url != 'null' && _vm.product.pdf != null && _vm.product.pdf != '')?_c('a',{attrs:{\"href\":_vm.product.url,\"target\":\"_blank\"}},[_vm._v(\"Saber Mais\")]):_vm._e()]),_c('div',{staticClass:\"product-images\"},[_c('v-carousel',{attrs:{\"hide-delimiters\":\"\",\"height\":\"300\",\"show-arrows\":_vm.images.length > 1}},_vm._l((_vm.images),function(image,i){return _c('v-carousel-item',{key:i},[_c('img',{attrs:{\"src\":_vm.img_url + image}})])}),1)],1)])])],1),_c('div',{staticClass:\"product-right\"},[_c('ul',[_c('li',[_c('p',{staticClass:\"label bold\"},[_vm._v(\"Aplicação\")]),_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.product.app_name)}})]),_c('li',[_c('p',{staticClass:\"label bold\"},[_vm._v(\"Função\")]),_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.product.funcao_name)}})]),_c('li',[_c('p',{staticClass:\"label bold\"},[_vm._v(\"Marca\")]),_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.product.marca_name)}})]),_c('li',[_c('div',{staticClass:\"description\",domProps:{\"innerHTML\":_vm._s(_vm.product.description)}})])]),_c('div',{staticClass:\"form\"},[_c('h3',{staticClass:\"loop-red\"},[_vm._v(\"Pedido de Informações\")]),_c('h3',[_vm._v(\"Preencha com os seus dados e entraremos em contacto\")]),_c('v-row',[_c('v-col',{staticClass:\"pa-2\",attrs:{\"cols\":\"6\"}},[_c('v-text-field',{attrs:{\"label\":\"Email\",\"dense\":\"\"},model:{value:(_vm.form.email),callback:function ($$v) {_vm.$set(_vm.form, \"email\", $$v)},expression:\"form.email\"}})],1),_c('v-col',{staticClass:\"pa-2\",attrs:{\"cols\":\"6\"}},[_c('v-text-field',{attrs:{\"label\":\"Telefone\",\"dense\":\"\"},model:{value:(_vm.form.phone),callback:function ($$v) {_vm.$set(_vm.form, \"phone\", $$v)},expression:\"form.phone\"}})],1),_c('v-col',{staticClass:\"pa-2\",attrs:{\"cols\":\"12\"}},[_c('v-textarea',{attrs:{\"label\":\"Mensagem\",\"rows\":\"3\",\"dense\":\"\"},model:{value:(_vm.form.msg),callback:function ($$v) {_vm.$set(_vm.form, \"msg\", $$v)},expression:\"form.msg\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-checkbox',{scopedSlots:_vm._u([{key:\"label\",fn:function(){return [_c('div',[_vm._v(\"Declaro que li e aceito a Política de Protecção de Dados.\")])]},proxy:true}],null,false,308589910),model:{value:(_vm.form.checkbox),callback:function ($$v) {_vm.$set(_vm.form, \"checkbox\", $$v)},expression:\"form.checkbox\"}})],1),_c('p',{staticClass:\"error-msg\"},[_vm._v(_vm._s(_vm.errMsg))])],1),_c('a',{staticClass:\"button-c\",on:{\"click\":function($event){return _vm.submeter()}}},[_vm._v(\"Enviar\")])],1)])])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section\n    v-if=\"product != undefined\"\n    class=\"product\"\n    :id=\"'product' + product.id\"\n  >\n    <div class=\"wrapper\">\n      <h2 v-html=\"product.name\"></h2>\n      <div class=\"product-left\">\n        <v-card>\n          <div class=\"product-bg\">\n            <div class=\"product-links\">\n              <a :href=\"'https://loop.linqode.com/images/'+product.pdf\" download v-if=\"product.pdf != 'null' && product.pdf != null && product.pdf != ''\"\n                >download PDF</a\n              >\n              <a\n                :href=\"product.url\"\n                target=\"_blank\"\n                v-if=\"product.url != 'null' && product.pdf != null && product.pdf != ''\"\n                >Saber Mais</a\n              >\n            </div>\n            <div class=\"product-images\">\n              <v-carousel\n                hide-delimiters\n                height=\"300\"\n                :show-arrows=\"images.length > 1\"\n              >\n                <v-carousel-item v-for=\"(image, i) in images\" :key=\"i\">\n                  <img :src=\"img_url + image\" />\n                </v-carousel-item>\n              </v-carousel>\n            </div>\n            <!-- <img alt=\"logo-vega\" src=\"images/{{img}}\"> -->\n          </div>\n        </v-card>\n      </div>\n      <div class=\"product-right\">\n        <ul>\n          <li>\n            <p class=\"label bold\">Aplicação</p>\n            <p v-html=\"product.app_name\"></p>\n          </li>\n          <li>\n            <p class=\"label bold\">Função</p>\n            <p v-html=\"product.funcao_name\"></p>\n          </li>\n          <li>\n            <p class=\"label bold\">Marca</p>\n            <p v-html=\"product.marca_name\"></p>\n          </li>\n          <li>\n            <div class=\"description\" v-html=\"product.description\"></div>\n          </li>\n        </ul>\n        <div class=\"form\">\n          <h3 class=\"loop-red\">Pedido de Informações</h3>\n          <h3>Preencha com os seus dados e entraremos em contacto</h3>\n          <!-- <div class=\"inputGroup\">\n            <label>Email</label>\n            <input type=\"email\" id=\"email\" tarefa=\"\" required />\n          </div>\n          <div class=\"inputGroup\">\n            <label>Telefone</label>\n            <input type=\"tel\" id=\"phone\" tarefa=\"\" required />\n          </div>\n          <div class=\"inputGroup\">\n            <label>Mensagem</label>\n            <textarea id=\"mensage\" rows=\"4\" tarefa=\"\" required></textarea>\n          </div> -->\n          <v-row>\n            <v-col cols=\"6\" class=\"pa-2\">\n              <v-text-field\n                label=\"Email\"\n                v-model=\"form.email\"\n                dense\n              ></v-text-field>\n            </v-col>\n            <v-col cols=\"6\" class=\"pa-2\">\n              <v-text-field\n                label=\"Telefone\"\n                v-model=\"form.phone\"\n                dense\n              ></v-text-field>\n            </v-col>\n            <v-col cols=\"12\" class=\"pa-2\">\n              <v-textarea\n                label=\"Mensagem\"\n                v-model=\"form.msg\"\n                rows=\"3\"\n                dense\n              ></v-textarea>\n            </v-col>\n            <v-col cols=\"12\">\n              <v-checkbox v-model=\"form.checkbox\">\n                <template v-slot:label>\n                  <div>Declaro que li e aceito a Política de Protecção de Dados.</div>\n                </template>\n              </v-checkbox>\n            </v-col>\n            <p class=\"error-msg\">{{ errMsg }}</p>\n          </v-row>\n          <a @click=\"submeter()\" class=\"button-c\">Enviar</a>\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script>\nimport computedMixins from \"@/mixins/computed\";\nimport axios from \"axios\";\n\nexport default {\n  mixins: [computedMixins],\n  props: [\"all_products\"],\n  data() {\n    return {\n      form: {\n        email: \"\",\n        phone: \"\",\n        msg: \"\",\n        checkbox: false,\n      },\n      email: \"\",\n        phone: \"\",\n        msg: \"\",\n        checkbox: false,\n      errMsg: \"\",\n    };\n  },\n  computed: {\n    product() {\n      let products = this.all_products;\n      let product = {};\n      let id = this.$store.state.selectedProductId;\n\n      if (id > 0) {\n        product = products.filter(function (item) {\n          return item.id == id;\n        });\n      }\n      if(typeof product[0] != 'undefined' && product[0].url.slice(0,4) != 'http'){\n        product[0].url = 'https://' + product[0].url\n      }\n      return product[0];\n    },\n    images() {\n      let temp = [];\n      let prod = this.product;\n      let images = [];\n\n      temp.push(prod.img, prod.img2, prod.img3, prod.img4, prod.img5);\n\n      images = temp.filter((val) => val != null);\n\n      return images;\n    },\n  },\n  methods: {\n    // async submeter() {\n    //   event.preventDefault()\n\n\n    //   this.errMsg = \"\"\n\n    //   let errorMsgs = {\n    //       email: \"Introduza o seu email\",\n    //       msg: \"Escreva a sua mensagem\",\n    //       checkbox:\"Para enviar a sua mensagem terá que declarar que leu e aceitou a Política de Protecção de Dados\",\n    //       success: \"A sua mensagem foi enviada com sucesso! Será contactado brevemente\",\n    //       fail: \"Houve um erro no envio da sua mensagem. Por favor tente novamente mais tarde ou entre em contacto através de um dos canais alternativos\",\n    //       sending: \"A enviar...\"\n    //   } \n\n  \n    //   if(this.form.name == \"\") {\n    //     this.errMsg = errorMsgs.name\n    //   }\n    //   else if(this.form.email == \"\") {\n    //     this.errMsg = errorMsgs.email\n    //   }\n    //   else if(this.form.msg == \"\") {\n    //     this.errMsg = errorMsgs.msg\n    //   }\n    //   else if(this.form.checkbox == false) {\n    //     this.errMsg = errorMsgs.checkbox\n    //   }\n\n    //   else {\n    //     this.errMsg = errorMsgs.sending\n\n    //     let mensagem = `\n    //       <p><b>Produto: </b>${this.product.name}</p>\n    //       <p><b>Email: </b>${this.form.email}</p>\n    //       <p><b>Telefone: </b>${this.form.phone}</p>\n    //       <p><b>Mensagem: </b><br>${this.form.msg}</p>\n    //     `\n\n    //     let fd = new FormData()\n\n    //     fd.append('mensagem', mensagem)\n\n    //     var myHeaders = new Headers();\n\n    //     var myInit = { \n    //       method: 'POST',\n    //       headers: myHeaders,\n    //       body: fd\n    //     };\n\n    //     let app = this\n\n    //     fetch('/base_mailer/', myInit)\n    //     .then(async function(response) {\n    //       let res = await response.text()\n\n    //       console.log(res)\n\n    //       if(res == \"OK\") {\n    //         app.errMsg = errorMsgs.success\n    //       }\n    //       else {\n    //         app.errMsg = errorMsgs.fail\n    //       }\n    //     })\n\n    //   }\n    // }\n    async submeter() {\n      event.preventDefault()\n      this.errorFontColor = \"\"\n      this.errMsg = \"A enviar\"\n\n      if(this.phone == \"\"){\n        this.phone = \"Não enviou número de telefone\"\n      }\n\n      let dados = {\n        assunto: \"Pedido de Informações sobre o produto \" + this.product.name,\n        email: this.form.email,\n        msg: this.form.msg,\n        checkbox: this.form.checkbox,\n        phone: this.form.phone,\n        form: \"Produto: \" + this.product.name\n      };\n\n      if(dados.phone == \"\"){\n        dados.phone = \"Não enviou número de telefone\"\n      }\n\n    if (dados.email == \"\") {\n        this.errorFontColor = \"red\"\n        this.errMsg = \"Introduza o seu email\";\n        return;\n      } else if (dados.msg == \"\") {\n        this.errorFontColor = \"red\"\n        this.errMsg = \"Escreva a sua mensagem\";\n        return;\n      } else if (!dados.checkbox) {\n        this.errorFontColor = \"red\"\n        this.errMsg = \"Para enviar a sua mensagem terá que declarar que leu e aceitou a Política de Protecção de Dados\";\n        return;\n      } else {\n        try {\n          const response = await axios.post(\n            \"https://loop.linqode.com/api/public/api/contacts/send\",\n            dados\n          );\n\n          if(response.data.resultado == \"OK\") {\n            this.errorFontColor = \"\"\n            this.errMsg = \"A sua mensagem foi enviada com sucesso!\";\n          }\n          else {\n            this.errorFontColor = \"\"\n            this.errMsg = response.data.details;\n          }\n        } catch (err) {\n          if (err.response.status == 401) {\n            this.errorFontColor = \"red\"\n            this.errMsg = err.response.data.details;\n          } else if(err.response.status == 204) {\n            this.errorFontColor = \"\"\n            this.errMsg = err.response.data.details;\n          }\n          else {\n            this.errorFontColor = \"red\"\n            this.errMsg = \"Alguma coisa falhou. Por favor tente mais tarde\";\n          }\n        }\n      }\n    }\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"@/assets/scss/style.scss\";\n\n.product {\n  .wrapper {\n    min-height: 50px;\n    padding: 60px 0;\n    @include responsive(0, 512px) {\n      padding: 40px 0;\n    }\n    h2 {\n      margin-bottom: 50px;\n    }\n    .product-left {\n      width: 45%;\n      display: inline-block;\n      margin-right: 5%;\n      vertical-align: top;\n      @include responsive(0, 768px) {\n        width: 100%;\n      }\n      .product-bg {\n        -webkit-box-shadow: 2px 2px 5px 0px rgba(153, 150, 153, 0.8);\n        -moz-box-shadow: 2px 2px 5px 0px rgba(153, 150, 153, 0.8);\n        box-shadow: 2px 2px 5px 0px rgba(153, 150, 153, 0.8);\n        height: 500px;\n        text-align: center;\n        position: relative;\n        @include responsive(0, 512px) {\n          margin-bottom: 30px;\n          height: 400px;\n        }\n        .product-images {\n          height: 300px;\n          padding-top: 60px;\n          @include responsive(0, 512px){\n            padding-top: 10px;\n          }\n          img {\n            max-height: 100%;\n            max-width: 70%;\n            top: 50%;\n            position: relative;\n            transform: translateY(-50%);\n          }\n        }\n        .product-links {\n          position: absolute;\n          bottom: 5px;\n          left: 50%;\n          transform: translateX(-50%);\n          a {\n            font-size: 14px;\n            font-weight: $bold;\n            text-decoration: none;\n            color: $color-black;\n            display: block;\n            font-family: $font2;\n            margin-bottom: 5px;\n            position: relative;\n            bottom: 5px;\n          }\n        }\n      }\n    }\n    .product-right {\n      width: 50%;\n      display: inline-block;\n      @include responsive(0, 768px) {\n        width: 100%;\n      }\n      ul {\n        li {\n          vertical-align: top;\n          div {\n            display: inline-block;\n            &.label {\n              width: 100px;\n            }\n            &.description {\n              div {\n                @include tp-font-size(14px, 14px, 14px, 13px, 13px, 13px, 13px);\n                @include tp-line-height(\n                  20px,\n                  20px,\n                  20px,\n                  18px,\n                  18px,\n                  18px,\n                  18px\n                );\n                //@include tp-margin-bottom ($margin-bottom,$w1440,$w1024,$w900,$w768,$w512,$w380);\n                font-family: $font2;\n                font-weight: $light;\n                color: $color-black;\n                text-align: left;\n                text-transform: none;\n                display: inline-block;\n              }\n              @include tp-font-size(14px, 14px, 14px, 13px, 13px, 13px, 13px);\n              @include tp-line-height(20px, 20px, 20px, 18px, 18px, 18px, 18px);\n              //@include tp-margin-bottom ($margin-bottom,$w1440,$w1024,$w900,$w768,$w512,$w380);\n              font-family: $font2;\n              font-weight: $light;\n              color: $color-black;\n              text-align: left;\n              text-transform: none;\n              display: inline-block;\n              margin-top: 20px;\n              width: 80%;\n              margin-bottom: 30px;\n              @include responsive(0, 768px) {\n                width: 100%;\n              }\n            }\n            div {\n              &.label {\n                width: 100px;\n              }\n              &.description {\n                div {\n                  @include tp-font-size(\n                    14px,\n                    14px,\n                    14px,\n                    13px,\n                    13px,\n                    13px,\n                    13px\n                  );\n                  @include tp-line-height(\n                    20px,\n                    20px,\n                    20px,\n                    18px,\n                    18px,\n                    18px,\n                    18px\n                  );\n                  //@include tp-margin-bottom ($margin-bottom,$w1440,$w1024,$w900,$w768,$w512,$w380);\n                  font-family: $font2;\n                  font-weight: $light;\n                  color: $color-black;\n                  text-align: left;\n                  text-transform: none;\n                  display: inline-block;\n                }\n                @include tp-font-size(14px, 14px, 14px, 13px, 13px, 13px, 13px);\n                @include tp-line-height(\n                  20px,\n                  20px,\n                  20px,\n                  18px,\n                  18px,\n                  18px,\n                  18px\n                );\n                //@include tp-margin-bottom ($margin-bottom,$w1440,$w1024,$w900,$w768,$w512,$w380);\n                font-family: $font2;\n                font-weight: $light;\n                color: $color-black;\n                text-align: left;\n                text-transform: none;\n                display: inline-block;\n                margin-top: 20px;\n                width: 80%;\n                margin-bottom: 30px;\n                @include responsive(0, 768px) {\n                  width: 100%;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n    .form {\n      background-color: white;\n      width: 100%;\n      // -webkit-box-shadow: 2px 2px 5px 0px rgba(153,150,153,0.8);\n      // -moz-box-shadow: 2px 2px 5px 0px rgba(153,150,153,0.8);\n      // box-shadow: 2px 2px 5px 0px rgba(153,150,153,0.8);\n      margin-top: 10px;\n      font-size: 14px;\n      h3 {\n        text-align: left;\n        font-weight: $semi-bold;\n        &.loop-red {\n          color: $red;\n          text-transform: uppercase;\n          margin-bottom: 0px;\n        }\n      }\n      .inputGroup {\n        margin: 10px 0;\n        display: inline-block;\n        vertical-align: top;\n        width: 50%;\n        padding: 0 20px;\n      \n        @include responsive(0, 768px) {\n          width: 100%;\n        }\n      }\n      .button-c {\n        margin: 0 auto;\n        margin-top: 10px;\n      }\n    }\n  }\n}\n\n.v-input--checkbox{\n  div{\n    font-size: 12px;\n  }\n}\n\n.error-msg {\n  font-size: 12px;\n  color: $red;\n  font-family: $font1;\n  font-weight: 500;\n}\n</style>","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!./product.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!./product.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./product.vue?vue&type=template&id=74b7c8e8&scoped=true&\"\nimport script from \"./product.vue?vue&type=script&lang=js&\"\nexport * from \"./product.vue?vue&type=script&lang=js&\"\nimport style0 from \"./product.vue?vue&type=style&index=0&id=74b7c8e8&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  \"74b7c8e8\",\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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VCarousel } from 'vuetify/lib/components/VCarousel';\nimport { VCarouselItem } from 'vuetify/lib/components/VCarousel';\nimport { VCheckbox } from 'vuetify/lib/components/VCheckbox';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\nimport { VTextarea } from 'vuetify/lib/components/VTextarea';\ninstallComponents(component, {VCard,VCarousel,VCarouselItem,VCheckbox,VCol,VRow,VTextField,VTextarea})\n","<template>\n  <div class=\"main-container\">\n    <Search :all_products=\"all_products\"/>\n    <Product :all_products=\"all_products\" />\n  </div>\n</template>\n\n<script>\nimport Search from \"@/components/produtos\";\nimport Product from \"@/components/product\";\nimport computedMixins from \"@/mixins/computed\";\n\nexport default {\n  mixins: [computedMixins],\n  props:[\"all_products\"],\n  components: {\n    Search,\n    Product,\n  },\n  data() {\n    return {\n    };\n  },\n  methods: {\n    \n  },\n\n};\n</script>\n\n<style lang=\"scss\" scoped>\n\n</style>","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!./Search.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!./Search.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Search.vue?vue&type=template&id=16b1d770&scoped=true&\"\nimport script from \"./Search.vue?vue&type=script&lang=js&\"\nexport * from \"./Search.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  \"16b1d770\",\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/dist/cjs.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!./product.vue?vue&type=style&index=0&id=74b7c8e8&lang=scss&scoped=true&\""],"sourceRoot":""}