{"version":3,"sources":["webpack:///./src/views/Boutique/Produits.vue","webpack:///../../../src/mixins/button-group/index.ts","webpack:///../../../src/components/VBtnToggle/VBtnToggle.ts","webpack:///./src/components/boutique/Produits.vue","webpack:///../../../src/components/VCard/VCard.ts","webpack:///./src/components/boutique/ListeProduitsTuiles.vue","webpack:///src/components/boutique/ListeProduitsTuiles.vue","webpack:///./src/components/boutique/ListeProduitsTuiles.vue?0b55","webpack:///./src/components/boutique/ListeProduitsTuiles.vue?7e3c","webpack:///./src/components/boutique/ListeProduitsTable.vue","webpack:///src/components/boutique/ListeProduitsTable.vue","webpack:///./src/components/boutique/ListeProduitsTable.vue?102e","webpack:///./src/components/boutique/ListeProduitsTable.vue?1cec","webpack:///src/components/boutique/Produits.vue","webpack:///./src/components/boutique/Produits.vue?c41d","webpack:///./src/components/boutique/Produits.vue?fea1","webpack:///src/views/Boutique/Produits.vue","webpack:///./src/views/Boutique/Produits.vue?6446","webpack:///./src/views/Boutique/Produits.vue?4eb2"],"names":["render","_vm","this","_c","_self","staticRenderFns","BaseItemGroup","extend","name","provide","btnToggle","computed","classes","options","call","methods","genData","mixins","ButtonGroup","Colorable","props","backgroundColor","String","borderless","Boolean","dense","group","rounded","shaped","tile","_objectSpread","themeClasses","data","setTextColor","color","setBackgroundColor","staticClass","attrs","scopedSlots","fn","proxy","model","callback","expression","value","filterCategory","filterLangue","_s","$t","affichage","_v","tag","Loadable","Routable","VSheet","flat","hover","img","link","loaderHeight","type","Number","default","raised","isClickable","loading","disabled","styles","style","background","concat","genProgress","$createElement","key","h","_this$generateRouteLi","generateRouteLink","tabindex","getSlot","item","photo","_e","query","_f","prix","on","shown","length","produits","index","packSize","Array","slice","mapActions","component","headers","_ref","params","titre","text","sort","a","b","id","align","sortable","components","ListeProduitsTuiles","ListeProduitsTable","searchText","caching","once","loaded","mapGetters","categories","_toConsumableArray","Map","map","p","categorie","values","langues","filter","langue","produitsFiltres","_this","filtered","toLowerCase","includes","$i18n","locale","mounted","_this2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_this2$langues$find$i","_this2$langues$find","wrap","_context","prev","next","fetchProduits","find","l","code","stop","_this3","_callee2","_context2","FETCH_PRODUITS","Produits"],"mappings":"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","file":"js/chunk-5a60c220.43d3c5f4.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('Produits')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","// Extensions\nimport { BaseItemGroup } from '../../components/VItemGroup/VItemGroup'\n\n/* @vue/component */\nexport default BaseItemGroup.extend({\n  name: 'button-group',\n\n  provide (): object {\n    return {\n      btnToggle: this,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return BaseItemGroup.options.computed.classes.call(this)\n    },\n  },\n\n  methods: {\n    // Isn't being passed down through types\n    genData: BaseItemGroup.options.methods.genData,\n  },\n})\n","// Styles\nimport './VBtnToggle.sass'\n\n// Mixins\nimport ButtonGroup from '../../mixins/button-group'\nimport Colorable from '../../mixins/colorable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(\n  ButtonGroup,\n  Colorable\n).extend({\n  name: 'v-btn-toggle',\n\n  props: {\n    backgroundColor: String,\n    borderless: Boolean,\n    dense: Boolean,\n    group: Boolean,\n    rounded: Boolean,\n    shaped: Boolean,\n    tile: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...ButtonGroup.options.computed.classes.call(this),\n        'v-btn-toggle': true,\n        'v-btn-toggle--borderless': this.borderless,\n        'v-btn-toggle--dense': this.dense,\n        'v-btn-toggle--group': this.group,\n        'v-btn-toggle--rounded': this.rounded,\n        'v-btn-toggle--shaped': this.shaped,\n        'v-btn-toggle--tile': this.tile,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  methods: {\n    genData () {\n      const data = this.setTextColor(this.color, {\n        ...ButtonGroup.options.methods.genData.call(this),\n      })\n\n      if (this.group) return data\n\n      return this.setBackgroundColor(this.backgroundColor, data)\n    },\n  },\n})\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.loading)?[_c('div',{staticClass:\"text-center\"},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\"}}),_c('p',{staticClass:\"mt-3\"},[_vm._v(_vm._s(_vm.$t(\"chargement\")))])],1)]:[_c('div',{staticClass:\"mb-6\"},[_c('v-text-field',{staticClass:\"mb-2\",attrs:{\"outlined\":\"\",\"prepend-inner-icon\":\"mdi-magnify\",\"hide-details\":\"\"},scopedSlots:_vm._u([{key:\"label\",fn:function(){return [_vm._v(_vm._s(_vm.$t(\"boutique.rechercherUnProduit\")))]},proxy:true}]),model:{value:(_vm.searchText),callback:function ($$v) {_vm.searchText=$$v},expression:\"searchText\"}}),_c('v-chip-group',{attrs:{\"column\":\"\",\"active-class\":\"primary--text\",\"mandatory\":\"\"},model:{value:(_vm.filterCategory),callback:function ($$v) {_vm.filterCategory=$$v},expression:\"filterCategory\"}},[_c('v-chip',{staticClass:\"px-5\",attrs:{\"filter\":\"\",\"value\":\"all\"}},[_vm._v(_vm._s(_vm.$t(\"boutique.toutesLesCategories\")))]),_vm._l((_vm.categories),function(categorie){return _c('v-chip',{key:categorie.id,staticClass:\"px-5\",attrs:{\"filter\":\"\",\"value\":categorie.id}},[_vm._v(\" \"+_vm._s(categorie[_vm.$i18n.locale])+\" \")])})],2),_c('v-divider',{staticClass:\"my-1\"}),_c('v-chip-group',{attrs:{\"column\":\"\",\"active-class\":\"primary--text\",\"mandatory\":\"\"},model:{value:(_vm.filterLangue),callback:function ($$v) {_vm.filterLangue=$$v},expression:\"filterLangue\"}},[_c('v-chip',{staticClass:\"px-5\",attrs:{\"filter\":\"\",\"value\":\"all\"}},[_vm._v(_vm._s(_vm.$t(\"boutique.toutesLesLangues\")))]),_vm._l((_vm.langues),function(langue){return _c('v-chip',{key:langue.id,staticClass:\"px-5\",attrs:{\"filter\":\"\",\"value\":langue.id}},[_vm._v(\" \"+_vm._s(langue[_vm.$i18n.locale])+\" \")])})],2)],1),_c('div',{staticClass:\"d-flex justify-space-between mb-3\"},[_c('h1',[_vm._v(_vm._s(_vm.$t(\"boutique.produits\"))+\" (\"+_vm._s(_vm.produitsFiltres.length)+\")\")]),_c('div',{staticClass:\"d-flex align-center\"},[_c('span',{staticClass:\"mr-3 caption\"},[_vm._v(_vm._s(_vm.$t(\"boutique.affichage\"))+\" :\")]),_c('v-btn-toggle',{model:{value:(_vm.affichage),callback:function ($$v) {_vm.affichage=$$v},expression:\"affichage\"}},[_c('v-btn',{attrs:{\"value\":\"ListeProduitsTable\",\"title\":\"Table\"}},[_c('v-icon',[_vm._v(\"mdi-view-sequential\")])],1),_c('v-btn',{attrs:{\"value\":\"ListeProduitsTuiles\",\"title\":\"Tuiles\"}},[_c('v-icon',[_vm._v(\"mdi-view-grid\")])],1)],1)],1)]),_c(_vm.affichage,{tag:\"component\",attrs:{\"produits\":_vm.produitsFiltres}})]],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","// Styles\nimport './VCard.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Mixins\nimport Loadable from '../../mixins/loadable'\nimport Routable from '../../mixins/routable'\n\n// Helpers\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n  Loadable,\n  Routable,\n  VSheet\n).extend({\n  name: 'v-card',\n\n  props: {\n    flat: Boolean,\n    hover: Boolean,\n    img: String,\n    link: Boolean,\n    loaderHeight: {\n      type: [Number, String],\n      default: 4,\n    },\n    raised: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-card': true,\n        ...Routable.options.computed.classes.call(this),\n        'v-card--flat': this.flat,\n        'v-card--hover': this.hover,\n        'v-card--link': this.isClickable,\n        'v-card--loading': this.loading,\n        'v-card--disabled': this.disabled,\n        'v-card--raised': this.raised,\n        ...VSheet.options.computed.classes.call(this),\n      }\n    },\n    styles (): object {\n      const style: Dictionary<string> = {\n        ...VSheet.options.computed.styles.call(this),\n      }\n\n      if (this.img) {\n        style.background = `url(\"${this.img}\") center center / cover no-repeat`\n      }\n\n      return style\n    },\n  },\n\n  methods: {\n    genProgress () {\n      const render = Loadable.options.methods.genProgress.call(this)\n\n      if (!render) return null\n\n      return this.$createElement('div', {\n        staticClass: 'v-card__progress',\n        key: 'progress',\n      }, [render])\n    },\n  },\n\n  render (h): VNode {\n    const { tag, data } = this.generateRouteLink()\n\n    data.style = this.styles\n\n    if (this.isClickable) {\n      data.attrs = data.attrs || {}\n      data.attrs.tabindex = 0\n    }\n\n    return h(tag, this.setBackgroundColor(this.color, data), [\n      this.genProgress(),\n      getSlot(this),\n    ])\n  },\n})\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-row',_vm._l((_vm.shown),function(item){return _c('v-col',{key:item.id,attrs:{\"cols\":\"12\",\"sm\":\"6\",\"lg\":\"4\",\"xl\":\"3\"}},[_c('v-card',{staticClass:\"pa-3 pa-md-6\"},[(item.photo)?_c('v-img',{staticClass:\"mb-3\",attrs:{\"src\":item.photo,\"width\":\"100%\",\"max-height\":\"100\",\"contain\":\"\"}}):_vm._e(),_c('router-link',{attrs:{\"to\":{ name: 'Produit', params: { id: item.id }, query: { ..._vm.$route.query } }}},[_c('h4',{staticClass:\"subtitle-2\"},[_vm._v(_vm._s(item.titre))])]),_c('p',{staticClass:\"caption mb-0\"},[_vm._v(_vm._s(item.categorie[_vm.$i18n.locale]))]),_c('p',{staticClass:\"caption mb-0\"},[_vm._v(_vm._s(item.langue.id ? item.langue[_vm.$i18n.locale] : \"\"))]),_c('p',{staticClass:\"text-right font-weight-bold\"},[_vm._v(_vm._s(_vm._f(\"money\")(item.prix)))]),_c('v-btn',{attrs:{\"block\":\"\",\"text\":\"\",\"color\":\"primary\",\"small\":\"\"},on:{\"click\":function($event){return _vm.ADD_ITEM(item)}}},[_vm._v(_vm._s(_vm.$t(\"boutique.ajouterAuPanier\")))])],1)],1)}),1),_c('div',{staticClass:\"text-center mt-12\"},[(_vm.shown.length < _vm.produits.length)?_c('v-btn',{attrs:{\"color\":\"primary\"},on:{\"click\":function($event){_vm.index++}}},[_vm._v(_vm._s(_vm.$t(\"boutique.voirPlus\")))]):_vm._e()],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <v-row>\r\n      <v-col v-for=\"item in shown\" :key=\"item.id\" cols=\"12\" sm=\"6\" lg=\"4\" xl=\"3\">\r\n        <v-card class=\"pa-3 pa-md-6\">\r\n          <v-img v-if=\"item.photo\" :src=\"item.photo\" width=\"100%\" max-height=\"100\" class=\"mb-3\" contain></v-img>\r\n          <router-link :to=\"{ name: 'Produit', params: { id: item.id }, query: { ...$route.query } }\">\r\n            <h4 class=\"subtitle-2\">{{ item.titre }}</h4>\r\n          </router-link>\r\n          <p class=\"caption mb-0\">{{ item.categorie[$i18n.locale] }}</p>\r\n          <p class=\"caption mb-0\">{{ item.langue.id ? item.langue[$i18n.locale] : \"\" }}</p>\r\n          <p class=\"text-right font-weight-bold\">{{ item.prix | money }}</p>\r\n\r\n          <v-btn block text color=\"primary\" small @click=\"ADD_ITEM(item)\">{{ $t(\"boutique.ajouterAuPanier\") }}</v-btn>\r\n        </v-card>\r\n      </v-col>\r\n    </v-row>\r\n    <div class=\"text-center mt-12\">\r\n      <v-btn v-if=\"shown.length < produits.length\" color=\"primary\" @click=\"index++\">{{ $t(\"boutique.voirPlus\") }}</v-btn>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions } from \"vuex\"\r\nexport default {\r\n  data() {\r\n    return {\r\n      packSize: 20,\r\n      index: 1\r\n    }\r\n  },\r\n  props: {\r\n    produits: Array\r\n  },\r\n  computed: {\r\n    shown() {\r\n      return this.produits.slice(0, this.packSize * this.index)\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapActions([\"ADD_ITEM\"])\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n</style>","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!./ListeProduitsTuiles.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!./ListeProduitsTuiles.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ListeProduitsTuiles.vue?vue&type=template&id=2404f920\"\nimport script from \"./ListeProduitsTuiles.vue?vue&type=script&lang=js\"\nexport * from \"./ListeProduitsTuiles.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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-data-table',{attrs:{\"items\":_vm.produits,\"headers\":_vm.headers},scopedSlots:_vm._u([{key:\"item.ajouter\",fn:function({ item }){return [_c('v-btn',{attrs:{\"color\":\"primary\",\"text\":\"\",\"small\":\"\"},on:{\"click\":function($event){return _vm.ADD_ITEM(item)}}},[_vm._v(_vm._s(_vm.$t(\"boutique.ajouterAuPanier\")))])]}},{key:\"item.titre\",fn:function({ item }){return [_c('router-link',{attrs:{\"to\":{ name: 'Produit', params: { id: item.id }, query: { ..._vm.$route.query } }}},[_c('span',[_vm._v(_vm._s(item.titre))])])]}},{key:\"item.prix\",fn:function({ item }){return [_vm._v(\" \"+_vm._s(_vm._f(\"money\")(item.prix))+\" \")]}},{key:\"item.categorie\",fn:function({ item }){return [_vm._v(\" \"+_vm._s(item.categorie[_vm.$i18n.locale])+\" \")]}},{key:\"item.langue\",fn:function({ item }){return [_vm._v(\" \"+_vm._s(item.langue[_vm.$i18n.locale])+\" \")]}}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-data-table :items=\"produits\" :headers=\"headers\">\r\n    <template v-slot:item.ajouter=\"{ item }\">\r\n      <v-btn color=\"primary\" text @click=\"ADD_ITEM(item)\" small>{{ $t(\"boutique.ajouterAuPanier\") }}</v-btn>\r\n    </template>\r\n    <template v-slot:item.titre=\"{ item }\">\r\n      <router-link :to=\"{ name: 'Produit', params: { id: item.id }, query: { ...$route.query } }\">\r\n        <span>{{ item.titre }}</span>\r\n      </router-link>\r\n    </template>\r\n    <template v-slot:item.prix=\"{ item }\">\r\n      {{ item.prix | money }}\r\n    </template>\r\n    <template v-slot:item.categorie=\"{ item }\">\r\n      {{ item.categorie[$i18n.locale] }}\r\n    </template>\r\n    <template v-slot:item.langue=\"{ item }\">\r\n      {{ item.langue[$i18n.locale] }}\r\n    </template>\r\n  </v-data-table>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions } from \"vuex\"\r\nexport default {\r\n  props: {\r\n    produits: Array\r\n  },\r\n  methods: {\r\n    ...mapActions([\"ADD_ITEM\"])\r\n  },\r\n  computed: {\r\n    headers() {\r\n      return [\r\n        {\r\n          text: this.$t(\"boutique.tableauProduits.titre\"),\r\n          value: \"titre\"\r\n        },\r\n        {\r\n          text: this.$t(\"boutique.tableauProduits.categorie\"),\r\n          value: \"categorie\",\r\n          sort: (a, b) => (a.id < b.id ? -1 : 1)\r\n        },\r\n        { text: this.$t(\"boutique.tableauProduits.langue\"), value: \"langue\", sort: (a, b) => (a.id < b.id ? -1 : 1) },\r\n        { text: this.$t(\"boutique.tableauProduits.prix\"), value: \"prix\", align: \"right\" },\r\n        { text: \"\", sortable: false, value: \"ajouter\" }\r\n      ]\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n</style>","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!./ListeProduitsTable.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!./ListeProduitsTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ListeProduitsTable.vue?vue&type=template&id=1593754f\"\nimport script from \"./ListeProduitsTable.vue?vue&type=script&lang=js\"\nexport * from \"./ListeProduitsTable.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  null,\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div>\r\n    <template v-if=\"loading\">\r\n      <div class=\"text-center\">\r\n        <v-progress-circular indeterminate></v-progress-circular>\r\n        <p class=\"mt-3\">{{ $t(\"chargement\") }}</p>\r\n      </div>\r\n    </template>\r\n    <template v-else>\r\n      <div class=\"mb-6\">\r\n        <v-text-field outlined prepend-inner-icon=\"mdi-magnify\" hide-details v-model=\"searchText\" class=\"mb-2\">\r\n          <template v-slot:label>{{ $t(\"boutique.rechercherUnProduit\") }}</template>\r\n        </v-text-field>\r\n        <v-chip-group column v-model=\"filterCategory\" active-class=\"primary--text\" mandatory>\r\n          <v-chip filter class=\"px-5\" value=\"all\">{{ $t(\"boutique.toutesLesCategories\") }}</v-chip>\r\n          <v-chip filter class=\"px-5\" v-for=\"categorie in categories\" :value=\"categorie.id\" :key=\"categorie.id\">\r\n            {{ categorie[$i18n.locale] }}\r\n          </v-chip>\r\n        </v-chip-group>\r\n        <v-divider class=\"my-1\"></v-divider>\r\n        <v-chip-group column v-model=\"filterLangue\" active-class=\"primary--text\" mandatory>\r\n          <v-chip filter class=\"px-5\" value=\"all\">{{ $t(\"boutique.toutesLesLangues\") }}</v-chip>\r\n          <v-chip filter class=\"px-5\" v-for=\"langue in langues\" :value=\"langue.id\" :key=\"langue.id\">\r\n            {{ langue[$i18n.locale] }}\r\n          </v-chip>\r\n        </v-chip-group>\r\n      </div>\r\n\r\n      <div class=\"d-flex justify-space-between mb-3\">\r\n        <h1>{{ $t(\"boutique.produits\") }} ({{ produitsFiltres.length }})</h1>\r\n        <div class=\"d-flex align-center\">\r\n          <span class=\"mr-3 caption\">{{ $t(\"boutique.affichage\") }} :</span>\r\n          <v-btn-toggle v-model=\"affichage\">\r\n            <v-btn value=\"ListeProduitsTable\" title=\"Table\">\r\n              <v-icon>mdi-view-sequential</v-icon>\r\n            </v-btn>\r\n\r\n            <v-btn value=\"ListeProduitsTuiles\" title=\"Tuiles\">\r\n              <v-icon>mdi-view-grid</v-icon>\r\n            </v-btn>\r\n          </v-btn-toggle>\r\n        </div>\r\n      </div>\r\n      <component :is=\"affichage\" :produits=\"produitsFiltres\" />\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ListeProduitsTuiles from \"@/components/boutique/ListeProduitsTuiles\"\r\nimport ListeProduitsTable from \"@/components/boutique/ListeProduitsTable\"\r\nimport { mapGetters, mapActions } from \"vuex\"\r\n\r\nexport default {\r\n  components: { ListeProduitsTuiles, ListeProduitsTable },\r\n  data() {\r\n    return {\r\n      loading: false,\r\n      searchText: \"\",\r\n      filterCategory: \"all\",\r\n      filterLangue: \"all\",\r\n      affichage: \"ListeProduitsTuiles\",\r\n      caching: {\r\n        once: true,\r\n        loaded: false\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"produits\"]),\r\n    categories() {\r\n      return [...new Map(this.produits.map((p) => [p.categorie.id, p.categorie])).values()]\r\n    },\r\n    langues() {\r\n      return [...new Map(this.produits.filter((p) => p.langue.id).map((p) => [p.langue.id, p.langue])).values()]\r\n    },\r\n    produitsFiltres() {\r\n      let filtered = this.produits.filter(\r\n        (p) =>\r\n          p.titre.toLowerCase().includes(this.searchText.toLowerCase()) ||\r\n          p.categorie[this.$i18n.locale].toLowerCase().includes(this.searchText.toLowerCase())\r\n      )\r\n      if (this.filterCategory !== \"all\") {\r\n        filtered = filtered.filter((p) => p.categorie.id === this.filterCategory)\r\n      }\r\n      if (this.filterLangue !== \"all\") {\r\n        filtered = filtered.filter((p) => !p.langue.id || p.langue.id === this.filterLangue)\r\n      }\r\n      return filtered\r\n    }\r\n  },\r\n  async mounted() {\r\n    await this.fetchProduits()\r\n    this.filterLangue = this.langues.find((l) => l.code === \"fr\")?.id ?? \"all\"\r\n  },\r\n  methods: {\r\n    ...mapActions([\"FETCH_PRODUITS\"]),\r\n    async fetchProduits() {\r\n      this.loading = true\r\n      await this.FETCH_PRODUITS()\r\n      this.loading = false\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n</style>","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!./Produits.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!./Produits.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Produits.vue?vue&type=template&id=1896333a\"\nimport script from \"./Produits.vue?vue&type=script&lang=js\"\nexport * from \"./Produits.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  null,\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div>\r\n    <Produits />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Produits from \"@/components/boutique/Produits\";\r\nexport default {\r\n  components: {\r\n    Produits,\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n</style>","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!./Produits.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!./Produits.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Produits.vue?vue&type=template&id=44358f35&scoped=true\"\nimport script from \"./Produits.vue?vue&type=script&lang=js\"\nexport * from \"./Produits.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  \"44358f35\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}