{"version":3,"sources":["webpack:///./src/views/Name.vue?bae7","webpack:///src/views/Name.vue","webpack:///./src/views/Name.vue?6301","webpack:///./src/views/Name.vue","webpack:///./src/components/Shared/NameChild.vue?fdea","webpack:///src/components/Shared/NameChild.vue","webpack:///./src/components/Shared/NameChild.vue?f854","webpack:///./src/components/Shared/NameChild.vue","webpack:///./src/views/Name.vue?a7aa"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","attrs","name","_v","_s","nameSelected","english","_l","item","key","id","on","$event","goToNameProduct","staticStyle","_e","getRandomImage","images","displayName","fromPriceDisplay","staticRenderFns","components","NameChild","props","nameSlug","type","String","required","nameId","Number","default","data","productList","nameIdFromDb","nameEnglishFromDb","methods","Math","floor","random","length","$router","push","computed","title","$store","getters","nameEnglishValue","undefined","nameEnglish","nameIdValue","producCategoriesWithImages","pc","gender","o","filtered","metaInfo","mounted","created","component","product","imageAndTextColour","textColour","imagePath","NameImage","NameImageMug"],"mappings":"6GAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAgB,aAAEI,EAAG,OAAO,CAACA,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACN,EAAIO,GAAG,GAAGH,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,KAAK,CAACE,YAAY,gFAAgF,CAACF,EAAG,KAAK,CAACE,YAAY,mBAAmB,CAACF,EAAG,cAAc,CAACE,YAAY,kBAAkBE,MAAM,CAAC,GAAK,CAAEC,KAAM,UAAW,CAACT,EAAIU,GAAG,aAAa,GAAGN,EAAG,KAAK,CAACE,YAAY,qCAAqCE,MAAM,CAAC,eAAe,SAAS,CAACR,EAAIU,GAAG,IAAIV,EAAIW,GAAGX,EAAIY,aAAaC,SAAS,iBAAiBT,EAAG,UAAU,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,WAAWN,EAAIc,GAAId,EAA8B,4BAAE,SAASe,GAAM,OAAOX,EAAG,MAAM,CAACY,IAAID,EAAKE,GAAGX,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,4DAA4DY,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOnB,EAAIoB,gBAAgBL,MAAS,CAACX,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,sFAAsF,CAAe,OAAbS,EAAKN,KAAeL,EAAG,MAAM,CAACE,YAAY,YAAYe,YAAY,CAAC,YAAY,OAAOb,MAAM,CAAC,IAAM,2EAA2E,IAAM,eAAeR,EAAIsB,KAAKlB,EAAG,YAAY,CAACI,MAAM,CAAC,aAAeR,EAAIY,aAAa,QAAUG,EAAK,mBAAqBf,EAAIuB,eAAeR,EAAKS,YAAY,GAAGxB,EAAIO,GAAG,GAAE,OAAUH,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,KAAK,CAACE,YAAY,iBAAiB,CAACF,EAAG,IAAI,CAACI,MAAM,CAAC,KAAO,MAAM,CAACR,EAAIU,GAAGV,EAAIW,GAAGI,EAAKU,kBAAkBrB,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,OAAO,CAACE,YAAY,gBAAgB,CAACN,EAAIU,GAAG,QAAQV,EAAIW,GAAGI,EAAKW,gCAA+B,SAAS1B,EAAIsB,MAC53DK,EAAkB,CAAC,WAAa,IAAI3B,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,KAAK,CAACE,YAAY,oCAAoC,CAACN,EAAIU,GAAG,iBAAiB,WAAa,IAAIV,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,SAAS,CAACE,YAAY,gCAAgC,CAACN,EAAIU,GAAG,gB,0DC0Hna,GAEEkB,WAAY,CACVC,UAAJ,QAIEC,MAAO,CACLC,SAAU,CACRC,KAAMC,OACNC,UAAU,GAEZC,OAAQ,CACNH,KAAMI,OACNC,QAAS,IAObC,KArBF,WAsBI,MAAO,CACLC,YAAa,GACbC,aAAc,EACdC,kBAAmB,KAIvBC,QAAS,CACPnB,eADJ,SACA,GACM,IAAIR,EAAOS,EAAOmB,KAAKC,MAAMD,KAAKE,SAAWrB,EAAOsB,SACpD,OAAO/B,GAETK,gBALJ,SAKA,GACMnB,KAAK8C,QAAQC,KAAK,CAAxB,4GAGEC,SAAU,CACRC,MADJ,WAEM,OAAIjD,KAAKW,cAAgBX,KAAKW,aAAaC,QAClCZ,KAAKW,aAAaC,QAAU,wBAE9B,YAETD,aAPJ,WAQM,OAAOX,KAAKkD,OAAOC,QAAQ,wBAE7BC,iBAVJ,WAWM,YAAoBC,IAAhBrD,KAAKkC,QAAwC,IAAhBlC,KAAKkC,OAC7BlC,KAAKwC,kBAELxC,KAAKsD,aAGhBC,YAjBJ,WAkBM,YAAoBF,IAAhBrD,KAAKkC,QAAwC,IAAhBlC,KAAKkC,OAC7BlC,KAAKuC,aAELvC,KAAKkC,QAGhBsB,2BAxBJ,WA0BM,IAAN,gEAEM,IAAKxD,KAAKW,aACR,OAAO8C,EAET,GAAIzD,KAAKW,cAA4C,KAA5BX,KAAKW,aAAa+C,OAAe,CAExD,IAAR,qCACU,MAAiB,iBAAVC,EAAEnD,QAEX,OAAOoD,EAEP,IAAR,qCACU,MAAiB,UAAVD,EAAEnD,QAEX,OAAO,IAQbqD,SAvFF,WAwFI,MAAO,CACLZ,MAAOjD,KAAKiD,QAGhBa,QA5FF,aAkGEC,QAlGF,WAkGA,WAGI/D,KAAKsC,YAActC,KAAKkD,OAAOC,QAAQ,qCAEnBE,IAAhBrD,KAAKkC,QAAwC,IAAhBlC,KAAKkC,QACpC,EAAN,KACA,6BACA,kBAAQ,IAAR,SACQ,QAAR,iBACQ,EAAR,kBAEQ,EAAR,+CAGA,mBACQ,QAAR,OACQ,EAAR,0BC9O8U,I,wBCQ1U8B,EAAY,eACd,EACAlE,EACA4B,GACA,EACA,KACA,WACA,MAIa,aAAAsC,E,2CCnBf,IAAIlE,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAAsB,OAApBJ,EAAIkE,QAAQzD,KAAeL,EAAG,YAAY,CAACI,MAAM,CAAC,WAAaR,EAAImE,mBAAmBC,WAAW,aAAepE,EAAIY,aAAa,iBAAmBZ,EAAImE,mBAAmBE,UAAU,YAAcrE,EAAIkE,QAAQzD,KAAK,KAAO,OAAOT,EAAIsB,KAA0B,OAApBtB,EAAIkE,QAAQzD,KAAeL,EAAG,eAAe,CAACI,MAAM,CAAC,WAAaR,EAAImE,mBAAmBC,WAAW,aAAepE,EAAIY,aAAa,iBAAmBZ,EAAImE,mBAAmBE,UAAU,YAAcrE,EAAIkE,QAAQzD,KAAK,KAAO,OAAOT,EAAIsB,MAAM,IAClkBK,EAAkB,G,wBC8BtB,GAEEG,MAAO,CAAC,eAAgB,UAAW,sBAEnCF,WAAY,CACV0C,UAAJ,OACIC,aAAJ,QAQEjC,KAdF,WAeI,MAAO,IAMTI,QAAS,CACPtB,gBADJ,SACA,GACMnB,KAAK8C,QAAQC,KAAK,CAAxB,kGAGEC,SAAU,GAUVe,QApCF,cC/BkW,I,YCO9VC,EAAY,eACd,EACAlE,EACA4B,GACA,EACA,KACA,WACA,MAIa,OAAAsC,E,kEClBf,yBAAmiB,EAAG","file":"js/Name.813943d5.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.nameSelected)?_c('main',[_c('div',{staticClass:\"py-3 bg-gray-100\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row align-items-center\"},[_vm._m(0),_c('div',{staticClass:\"col-lg-6 my-2\"},[_c('ol',{staticClass:\"breadcrumb dark-link m-0 small justify-content-center justify-content-lg-end\"},[_c('li',{staticClass:\"breadcrumb-item\"},[_c('router-link',{staticClass:\"breadcrumb-item\",attrs:{\"to\":{ name: 'Home' }}},[_vm._v(\" Home \")])],1),_c('li',{staticClass:\"breadcrumb-item text-nowrap active\",attrs:{\"aria-current\":\"page\"}},[_vm._v(\" \"+_vm._s(_vm.nameSelected.english)+\" \")])])])])])]),_c('section',{staticClass:\"py-6\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row g-3\"},_vm._l((_vm.producCategoriesWithImages),function(item){return _c('div',{key:item.id,staticClass:\"col-sm-6 col-lg-3\"},[_c('div',{staticClass:\"product-card-1 d-flex flex-column justify-content-between\",on:{\"click\":function($event){return _vm.goToNameProduct(item)}}},[_c('div',{staticClass:\"product-card-imagew\"},[_c('div',{staticClass:\"product-media\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center  align-content-center flex-column\"},[(item.name == 'Mug')?_c('img',{staticClass:\"img-fluid\",staticStyle:{\"max-width\":\"70%\"},attrs:{\"src\":\"https://images.muzmerch.com/file/MuzMerchLive/static/Mugs/ClearRight.png\",\"alt\":\"mug image\"}}):_vm._e(),_c('NameChild',{attrs:{\"nameSelected\":_vm.nameSelected,\"product\":item,\"imageAndTextColour\":_vm.getRandomImage(item.images)}})],1),_vm._m(1,true)])]),_c('div',{staticClass:\"product-card-info\"},[_c('h6',{staticClass:\"product-title\"},[_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(item.displayName))])]),_c('div',{staticClass:\"product-price\"},[_c('span',{staticClass:\"text-primary\"},[_vm._v(\"From \"+_vm._s(item.fromPriceDisplay))])])])])])}),0)])])]):_vm._e()}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-lg-6 my-2\"},[_c('h1',{staticClass:\"m-0 h4 text-center text-lg-start\"},[_vm._v(\"Products\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"product-cart-btn\"},[_c('button',{staticClass:\"btn btn-primary btn-sm w-100\"},[_vm._v(\" View \")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <main v-if=\"nameSelected\">\n    <!-- Breadcrumb -->\n    <div class=\"py-3 bg-gray-100\">\n      <div class=\"container\">\n        <div class=\"row align-items-center\">\n          <div class=\"col-lg-6 my-2\">\n            <h1 class=\"m-0 h4 text-center text-lg-start\">Products</h1>\n          </div>\n          <div class=\"col-lg-6 my-2\">\n            <ol class=\"breadcrumb dark-link m-0 small justify-content-center justify-content-lg-end\">\n              <li class=\"breadcrumb-item\">\n                <!-- <a class=\"text-nowrap\" href=\"#\"><i class=\"bi bi-home\"></i>Home</a> -->\n                <router-link class=\"breadcrumb-item\" :to=\"{ name: 'Home' }\">\n                  Home\n                </router-link>\n              </li>\n              <li class=\"breadcrumb-item text-nowrap active\" aria-current=\"page\">\n                {{ nameSelected.english }}\n              </li>\n            </ol>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!-- End Breadcrumb -->\n    <!-- Shop -->\n    <!-- <pre>{{ producCategoriesWithImages }}</pre> -->\n    <section class=\"py-6\">\n      <div class=\"container\">\n        <div class=\"row g-3\">\n          <!-- <pre> {{producCategoriesWithImages}}</pre> -->\n          <!-- Product Box -->\n          <div class=\"col-sm-6 col-lg-3\" v-for=\"item in producCategoriesWithImages\" :key=\"item.id\">\n            <div class=\"product-card-1 d-flex flex-column justify-content-between\" @click=\"goToNameProduct(item)\">\n              <div class=\"product-card-imagew\">\n                <!-- <div class=\"badge-ribbon\">\n                  <span class=\"badge bg-danger\">Sale</span>\n                </div> -->\n\n                <div class=\"product-media\">\n                  <!-- <a href=\"#\">\n                    <img class=\"img-fluid\" src=\"../static/img/1000x1000.jpg\" title=\"\" alt=\"\" />\n                  </a> -->\n                  <!-- :nameSlug=\"nameSlug\"\n                    :nameId=\"nameIdValue\"\n                    :arabicWidth=\"nameSelected.arabicWidth\" -->\n                  <div class=\"d-flex justify-content-center align-items-center  align-content-center flex-column\">\n                    <img\n                      style=\"max-width:70%\"\n                      v-if=\"item.name == 'Mug'\"\n                      src=\"https://images.muzmerch.com/file/MuzMerchLive/static/Mugs/ClearRight.png\"\n                      class=\"img-fluid\"\n                      alt=\"mug image\"\n                    />\n                    <NameChild :nameSelected=\"nameSelected\" :product=\"item\" :imageAndTextColour=\"getRandomImage(item.images)\" />\n                  </div>\n                  <div class=\"product-cart-btn\">\n                    <button class=\"btn btn-primary btn-sm w-100\">\n                      <!-- <i class=\"bi bi-cart\"></i> -->\n                      View\n                    </button>\n                  </div>\n                </div>\n              </div>\n              <div class=\"product-card-info\">\n                <h6 class=\"product-title\">\n                  <a href=\"#\">{{ item.displayName }}</a>\n                </h6>\n                <div class=\"product-price\">\n                  <span class=\"text-primary\">From {{ item.fromPriceDisplay }}</span>\n                </div>\n                <!-- <div class=\"nav-thumbs\" >\n                  <div class=\"form-check radio-text form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" name=\"size3\" id=\"btnradio1\" checked />\n                    <label class=\"radio-text-label\" for=\"btnradio1\">XS</label>\n                  </div>\n                  <div class=\"form-check radio-text form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" name=\"size3\" id=\"btnradio2\" />\n                    <label class=\"radio-text-label\" for=\"btnradio2\">S</label>\n                  </div>\n                  <div class=\"form-check radio-text form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" name=\"size3\" id=\"btnradio3\" />\n                    <label class=\"radio-text-label\" for=\"btnradio3\">M</label>\n                  </div>\n                  <div class=\"form-check radio-text form-check-inline\">\n                    <input class=\"form-check-input\" type=\"radio\" name=\"size3\" id=\"btnradio4\" />\n                    <label class=\"radio-text-label\" for=\"btnradio4\">L</label>\n                  </div>\n                </div> -->\n              </div>\n            </div>\n          </div>\n          <!-- End Product Box -->\n        </div>\n\n        <!-- End Product Box -->\n      </div>\n    </section>\n    <!-- End Shop -->\n  </main>\n\n  <!-- <div>\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-6 col-md-4\" v-for=\"item in producCategoriesWithImages\" :key=\"item.id\">\n        <div>\n          <NameChild :nameSlug=\"nameSlug\" :nameId=\"nameIdValue\" :product=\"item\" :imageAndTextColour=\"getRandomImage(item.images)\" />\n          <h3>{{ item.displayName }}</h3>\n        \n        </div>\n      </div>\n    </div>\n  </div> -->\n</template>\n\n<script>\n//import _ from 'lodash'\nimport namesService from '@/services/names.service.gen'\nimport NameChild from '@/components/Shared/NameChild'\nimport { filter } from 'lodash'\n\n// import NameImageMug from '@/components/Shared/NameImageMug'\n\nexport default {\n  //props: ['nameSlug', 'nameId'],\n  components: {\n    NameChild\n    // NameChild,\n    // NameImageMug\n  },\n  props: {\n    nameSlug: {\n      type: String,\n      required: true\n    },\n    nameId: {\n      type: Number,\n      default: 0\n    }\n    // nameEnglish: {\n    //   type: String,\n    //   required: true\n    // }\n  },\n  data() {\n    return {\n      productList: {},\n      nameIdFromDb: 0,\n      nameEnglishFromDb: ''\n      //nameSlug: ''\n    }\n  },\n  methods: {\n    getRandomImage(images) {\n      var item = images[Math.floor(Math.random() * images.length)]\n      return item\n    },\n    goToNameProduct(product) {\n      this.$router.push({ name: 'NameProduct', params: { nameSlug: this.nameSlug, product: product.name.toLowerCase(), nameId: this.nameIdValue } })\n    }\n  },\n  computed: {\n    title() {\n      if (this.nameSelected && this.nameSelected.english) {\n        return this.nameSelected.english + ' in Arabic | MuzMerch'\n      }\n      return 'MuzMerch'\n    },\n    nameSelected() {\n      return this.$store.getters['global/nameSelected']\n    },\n    nameEnglishValue() {\n      if (this.nameId === undefined || this.nameId === 0) {\n        return this.nameEnglishFromDb\n      } else {\n        return this.nameEnglish\n      }\n    },\n    nameIdValue() {\n      if (this.nameId === undefined || this.nameId === 0) {\n        return this.nameIdFromDb\n      } else {\n        return this.nameId\n      }\n    },\n    producCategoriesWithImages() {\n      //return this.$store.getters['products/getProducCategoriesWithImages']\n      let pc = this.$store.getters['products/getProducCategoriesWithImages']\n\n      if (!this.nameSelected) {\n        return pc\n      }\n      if (this.nameSelected && this.nameSelected.gender == 'M') {\n        //debugger\n        let filtered = filter(pc, function(o) {\n          return o.name != 'Womens-Hoodie'\n        })\n        return filtered\n      } else {\n        let filtered = filter(pc, function(o) {\n          return o.name != 'Hoodie'\n        })\n        return filtered\n      }\n    }\n  },\n  // metaInfo: {\n  //   title: 'MuzMerch',\n  //   titleTemplate: this.nameSelected.english + ' in Arabic | %s'\n  // },\n  metaInfo() {\n    return {\n      title: this.title\n    }\n  },\n  mounted() {\n    // if (this.nameSelected && this.nameSelected.english) {\n    //   document.title = this.nameSelected.english + ' in Arabic | MuzMerch'\n    // }\n  },\n\n  created() {\n    //this.nameSlug = this.$route.params.name\n\n    this.productList = this.$store.getters['products/getProducCategories']\n\n    if (this.nameId === undefined || this.nameId === 0) {\n      namesService\n        .geBytNameSlug(this.nameSlug)\n        .then(({ data }) => {\n          console.log('daaata:', data)\n          this.nameIdFromDb = data.id\n          //this.nameEnglishFromDb = data.english\n          this.$store.dispatch('global/setNameSelected', data)\n          // document.title = this.nameSelected.english + ' in Arabic | MuzMerch'\n        })\n        .catch(error => {\n          console.log(error)\n          this.$router.push('/404')\n        })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.product-card-1 {\n  height: 100%;\n  // .product-media {\n  //   max-height: 363px;\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!./Name.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!./Name.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Name.vue?vue&type=template&id=6f24a3aa&scoped=true&\"\nimport script from \"./Name.vue?vue&type=script&lang=js&\"\nexport * from \"./Name.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Name.vue?vue&type=style&index=0&id=6f24a3aa&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  \"6f24a3aa\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.product.name != 'Mug')?_c('NameImage',{attrs:{\"textColour\":_vm.imageAndTextColour.textColour,\"nameSelected\":_vm.nameSelected,\"productImagePath\":_vm.imageAndTextColour.imagePath,\"productName\":_vm.product.name,\"size\":350}}):_vm._e(),(_vm.product.name == 'Mug')?_c('NameImageMug',{attrs:{\"textColour\":_vm.imageAndTextColour.textColour,\"nameSelected\":_vm.nameSelected,\"productImagePath\":_vm.imageAndTextColour.imagePath,\"productName\":_vm.product.name,\"size\":350}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <!-- <pre>  {{ nameSelected }}</pre>\n   <pre> {{ product }}</pre>\n  <pre>  {{ imageAndTextColour }}</pre> -->\n\n    <NameImage\n      v-if=\"product.name != 'Mug'\"\n      :textColour=\"imageAndTextColour.textColour\"\n      :nameSelected=\"nameSelected\"\n      :productImagePath=\"imageAndTextColour.imagePath\"\n      :productName=\"product.name\"\n      :size=\"350\"\n    />\n    <NameImageMug\n      v-if=\"product.name == 'Mug'\"\n      :textColour=\"imageAndTextColour.textColour\"\n      :nameSelected=\"nameSelected\"\n      :productImagePath=\"imageAndTextColour.imagePath\"\n      :productName=\"product.name\"\n      :size=\"350\"\n    />\n  </div>\n</template>\n\n<script>\n//import _ from 'lodash'\n//import namesService from '@/services/names.service.gen'\nimport NameImage from '@/components/Shared/NameImage'\nimport NameImageMug from '@/components/Shared/NameImageMug'\n\nexport default {\n  //props: ['nameSlug', 'nameId', 'product', 'imageAndTextColour', 'arabicWidth'],\n  props: ['nameSelected', 'product', 'imageAndTextColour'],\n\n  components: {\n    NameImage,\n    NameImageMug\n  },\n  // props: {\n  //   productWithImages: {\n  //     type: Object,\n  //     default: null\n  //   }\n  // },\n  data() {\n    return {\n      // productList: {},\n      // nameIdFromDb: 0\n      //nameSlug: ''\n    }\n  },\n  methods: {\n    goToNameProduct(productName) {\n      this.$router.push({ name: 'NameProduct', params: { nameSlug: this.nameSlug, product: productName.toLowerCase(), nameId: this.nameId } })\n    }\n  },\n  computed: {\n    // nameIdValue() {\n    //   if (this.nameId === undefined || this.nameId === 0) {\n    //     return this.nameIdFromDb\n    //   } else {\n    //     return this.nameId\n    //   }\n    // }\n  },\n\n  created() {\n    // //this.nameSlug = this.$route.params.name\n    // this.productList = this.$store.getters['products/getProducCategories']\n    // if (this.nameId === undefined || this.nameId === 0) {\n    //   namesService\n    //     .geBytNameSlug(this.nameSlug)\n    //     .then(({ data }) => {\n    //       console.log('daaata:', data)\n    //       this.nameIdFromDb = data.id\n    //     })\n    //     .catch(error => {\n    //       console.log(error)\n    //     })\n    // }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped></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!./NameChild.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!./NameChild.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NameChild.vue?vue&type=template&id=50818ca2&scoped=true&\"\nimport script from \"./NameChild.vue?vue&type=script&lang=js&\"\nexport * from \"./NameChild.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  \"50818ca2\",\n  null\n  \n)\n\nexport default component.exports","import mod 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/lib/loader.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!./Name.vue?vue&type=style&index=0&id=6f24a3aa&lang=scss&scoped=true&\"; export default mod; 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/lib/loader.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!./Name.vue?vue&type=style&index=0&id=6f24a3aa&lang=scss&scoped=true&\""],"sourceRoot":""}