{"version":3,"sources":["webpack:///./src/views/Collections.vue?df6a","webpack:///src/views/Collections.vue","webpack:///./src/views/Collections.vue?07cc","webpack:///./src/views/Collections.vue","webpack:///./src/components/CuratedCollections.vue?54f4","webpack:///./node_modules/vue-masonry-css/dist/vue-masonry.es2015.js","webpack:///./src/assets/in-the-spotlight.png","webpack:///./src/components/CuratedCollections.vue?3edd","webpack:///./src/components/CuratedCollections.vue?9380","webpack:///src/components/CuratedCollections.vue","webpack:///./src/components/CuratedCollections.vue?c9ac","webpack:///./src/components/CuratedCollections.vue","webpack:///./src/views/Collections.vue?a696"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","collections","length","attrs","_v","collectionsContent","_e","staticRenderFns","name","metaInfo","page","elements","page__main_image","value","meta","push","page__page_type","title","page__page_title","components","props","data","computed","mounted","$auth","isAuthenticated","$store","dispatch","setTimeout","component","componentName","tag","type","String","default","cols","Object","Number","gutter","css","Boolean","columnTag","columnClass","Array","columnAttr","breakpointValue","mixed","windowWidth","valueAsNum","parseInt","matchedBreakpoint","Infinity","matchedValue","k","breakpoint","breakpointValRaw","breakpointVal","isNaN","isNewBreakpoint","displayColumns","displayGutter","this$1","$nextTick","reCalculate","window","addEventListener","updated","beforeDestroy","removeEventListener","methods","previousWindowWidth","innerWidth","_reCalculateColumnCount","_reCalculateGutterSize","newColumns","Math","max","_getChildItemsInColumnsArray","columns","childItems","$slots","componentOptions","children","i","visibleItemI","columnIndex","createElement","columnsContainingChildren","isGutterSizeUnitless","gutterSizeWithUnit","columnStyle","boxSizing","backgroundClip","width","border","borderLeftWidth","map","index","key","style","containerStyle","display","marginLeft","Plugin","install","Vue","options","installed","use","module","exports","_s","heading","domProps","intro","1023","767","_l","item","slug","image","url","short_description","modularContent","showSpotlight","showAll"],"mappings":"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","file":"js/chunk-355034fe.9e19b8b8.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"loading flex flex-row items-center justify-center fixed left-0 top-20 md:top-40 lg:top-60 w-full bottom-0 z-100 bg-black transition-all duration-500\",class:[{'invisible opacity-0': _vm.collections.length}]},[_c('loading-spinner')],1),_c('div',{staticClass:\"page min-h-screen\"},[_c('div',{staticClass:\"collection\"},[_c('div',{staticClass:\"outer-container\"},[_c('div',{staticClass:\"inner-container\"},[_c('div',{staticClass:\"breadcrumbs mt-12 text-grey-400 text-12 uppercase\"},[_c('router-link',{staticClass:\"hover:text-white transition-colors\",attrs:{\"to\":\"/discover\"}},[_vm._v(\"Discover\")]),_c('span',{staticClass:\"divider inline-block px-4\"},[_vm._v(\">\")]),_c('span',{staticClass:\"text-white\"},[_vm._v(\"Collections\")])],1)])]),(_vm.collections.length)?_c('curated-collections',{staticClass:\"mt-16 md:mt-0\",attrs:{\"show-all\":false,\"show-spotlight\":false,\"collections\":_vm.collections,\"modular-content\":_vm.collectionsContent,\"intro\":\"\",\"heading\":\"Curated collections —\"}}):_vm._e()],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"loading flex flex-row items-center justify-center fixed left-0 top-20 md:top-40 lg:top-60 w-full bottom-0 z-100 bg-black transition-all duration-500\" :class=\"[{'invisible opacity-0': collections.length}]\">\n      <loading-spinner />\n    </div>\n    <div class=\"page min-h-screen\">\n      <div class=\"collection\">\n        <div class=\"outer-container\">\n          <div class=\"inner-container\">\n            <div class=\"breadcrumbs mt-12 text-grey-400 text-12 uppercase\">\n              <router-link to=\"/discover\" class=\"hover:text-white transition-colors\">Discover</router-link><span class=\"divider inline-block px-4\">&gt;</span><span class=\"text-white\">Collections</span>\n            </div>\n          </div>\n        </div>\n        <curated-collections class=\"mt-16 md:mt-0\" :show-all=\"false\" :show-spotlight=\"false\" :collections=\"collections\" :modular-content=\"collectionsContent\" v-if=\"collections.length\" intro=\"\" heading=\"Curated collections —\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Analytics from '@/analytics'\nimport Kontent from \"@/kontent\";\nimport Vue from 'vue'\nimport VueMasonry from 'vue-masonry-css'\nimport LoadingSpinner from \"@/components/LoadingSpinner\";\nimport CuratedCollections from \"@/components/CuratedCollections\";\nVue.use(VueMasonry);\nexport default {\n  name: 'DiscoverCollection',\n  metaInfo () {\n    if (!this.page) {\n      return null\n    }\n\n    let meta = [\n      {property: 'og:site_name', content: 'CONNECT'},\n      {property: 'og:url', content: window.location.href},\n      {property: 'og:title', content: this.page.elements.page__meta_title.value.length ? this.page.elements.page__meta_title.value : this.page.elements.page__page_title.value},\n      {property: 'og:description', content: this.page.elements.page__page_description.value},\n      {name: 'title', content: this.page.elements.page__meta_title.value.length ? this.page.elements.page__meta_title.value : this.page.elements.page__page_title.value},\n      {name: 'keywords', content: this.page.elements.page__meta_keywords.value},\n      {name: 'description', content: this.page.elements.page__meta_description.value.length ? this.page.elements.page__meta_description.value : this.page.elements.page__page_description.value},\n      {name: 'twitter:card', content: 'summary_large_image'},\n      {name: 'twitter:title', content: this.page.elements.page__meta_title.value.length ? this.page.elements.page__meta_title.value : this.page.elements.page__page_title.value},\n      {name: 'twitter:description', content: this.page.elements.page__meta_description.value.length ? this.page.elements.page__meta_description.value : this.page.elements.page__page_description.value}\n    ]\n\n    // if there's an image\n    if (this.page.elements.page__main_image.value.length) {\n      meta.push({property: 'og:image', content: this.page.elements.page__main_image.value[0].url})\n      meta.push({name: 'twitter:image', content: this.page.elements.page__main_image.value[0].url})\n    }\n\n    // if there's a type\n    if (this.page.elements.page__page_type.value.length) {\n      meta.push({property: 'og:type', content: this.page.elements.page__page_type.value[0].name})\n    }\n\n    return {\n      title: this.page.elements.page__page_title.value.length ? this.page.elements.page__page_title.value : 'CONNECT',\n      meta: meta\n    }\n  },\n  components: {CuratedCollections, LoadingSpinner},\n  props: {},\n  data () {\n    return {\n      collections: null,\n      collectionsContent: null,\n      page: null\n    }\n  },\n  computed: {\n\n  },\n  mounted () {\n    Analytics.trackPage('Collections')\n\n    if (this.$auth.isAuthenticated) {\n      this.$store.dispatch(\"getFavouriteProducts\")\n      this.$store.dispatch(\"getFavouriteWineries\")\n    }\n\n    Kontent.getAllCollections().then((res) => {\n      this.collections = res.data.items\n      this.collectionsContent = res.data.modular_content\n\n      setTimeout(function(){window.prerenderReady = true}, 1000)\n    })\n\n    Kontent.getItemByType('collections_page').then((res) => {\n      this.page = res.data.items[0]\n\n      setTimeout(function(){window.prerenderReady = true}, 1000)\n    })\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.section-heading {\n  font-weight: 600;\n  font-size: 24px;\n\n  @media(min-width: 768px)\n  {\n    font-size: 34px;\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!./Collections.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!./Collections.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Collections.vue?vue&type=template&id=446af271&scoped=true&\"\nimport script from \"./Collections.vue?vue&type=script&lang=js&\"\nexport * from \"./Collections.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Collections.vue?vue&type=style&index=0&id=446af271&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  \"446af271\",\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/@vue/cli-service/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!./CuratedCollections.vue?vue&type=style&index=0&lang=scss&\"","/*!\n * vue-masonry-css v1.0.3\n * https://github.com/paulcollett/vue-masonry-css\n * Released under the MIT License.\n */\n\n// the component name `<masonry />`\n// can be overridden with `Vue.use(Masonry, { name: 'the-masonry' });`\nvar componentName = 'masonry';\n\nvar props = {\n  tag: {\n    type: [String],\n    default: 'div'\n  },\n  cols: {\n    type: [Object, Number, String],\n    default: 2\n  },\n  gutter: {\n    type: [Object, Number, String],\n    default: 0\n  },\n  css: {\n    type: [Boolean],\n    default: true\n  },\n  columnTag: {\n    type: [String],\n    default: 'div'\n  },\n  columnClass: {\n    type: [String, Array, Object],\n    default: function () { return []; }\n  },\n  columnAttr: {\n    type: [Object],\n    default: function () { return ({}); }\n  }\n};\n\n// Get the resulting value from  `:col=` prop\n// based on the window width\nvar breakpointValue = function (mixed, windowWidth) {\n  var valueAsNum = parseInt(mixed);\n\n  if(valueAsNum > -1) {\n    return mixed;\n  }else if(typeof mixed !== 'object') {\n    return 0;\n  }\n\n  var matchedBreakpoint = Infinity;\n  var matchedValue = mixed.default || 0;\n\n  for(var k in mixed) {\n    var breakpoint = parseInt(k);\n    var breakpointValRaw = mixed[breakpoint];\n    var breakpointVal = parseInt(breakpointValRaw);\n\n    if(isNaN(breakpoint) || isNaN(breakpointVal)) {\n      continue;\n    }\n\n    var isNewBreakpoint = windowWidth <= breakpoint && breakpoint < matchedBreakpoint;\n\n    if(isNewBreakpoint) {\n      matchedBreakpoint = breakpoint;\n      matchedValue = breakpointValRaw;\n    }\n  }\n\n  return matchedValue;\n};\n\nvar component = {\n  props: props,\n\n  data: function data() {\n    return {\n      displayColumns: 2,\n      displayGutter: 0\n    }\n  },\n\n  mounted: function mounted() {\n    var this$1 = this;\n\n    this.$nextTick(function () {\n      this$1.reCalculate();\n    });\n\n    // Bind resize handler to page\n    if(window) {\n      window.addEventListener('resize', this.reCalculate);\n    }\n  },\n\n  updated: function updated() {\n    var this$1 = this;\n\n    this.$nextTick(function () {\n      this$1.reCalculate();\n    });\n  },\n\n  beforeDestroy: function beforeDestroy() {\n    if(window) {\n      window.removeEventListener('resize', this.reCalculate);\n    }\n  },\n\n  methods: {\n    // Recalculate how many columns to display based on window width\n    // and the value of the passed `:cols=` prop\n    reCalculate: function reCalculate() {\n      var previousWindowWidth = this.windowWidth;\n\n      this.windowWidth = (window ? window.innerWidth : null) || Infinity;\n\n      // Window resize events get triggered on page height\n      // change which when loading the page can result in multiple\n      // needless calculations. We prevent this here.\n      if(previousWindowWidth === this.windowWidth) {\n        return;\n      }\n\n      this._reCalculateColumnCount(this.windowWidth);\n\n      this._reCalculateGutterSize(this.windowWidth);\n    },\n\n    _reCalculateGutterSize: function _reCalculateGutterSize(windowWidth) {\n      this.displayGutter = breakpointValue(this.gutter, windowWidth);\n    },\n\n    _reCalculateColumnCount: function _reCalculateColumnCount(windowWidth) {\n      var newColumns = breakpointValue(this.cols, windowWidth);\n\n      // Make sure we can return a valid value\n      newColumns = Math.max(1, Number(newColumns) || 0);\n\n      this.displayColumns = newColumns;\n    },\n\n    _getChildItemsInColumnsArray: function _getChildItemsInColumnsArray() {\n      var this$1 = this;\n\n      var columns = [];\n      var childItems = this.$slots.default || [];\n\n      // This component does not work with a child <transition-group /> ..yet,\n      // so for now we think it may be helpful to ignore until we can find a way for support\n      if(childItems.length === 1 && childItems[0].componentOptions && childItems[0].componentOptions.tag == 'transition-group') {\n        childItems = childItems[0].componentOptions.children;\n      }\n\n      // Loop through child elements\n      for (var i = 0, visibleItemI = 0; i < childItems.length; i++, visibleItemI++) {\n        // skip Vue elements without tags, which includes\n        // whitespace elements and also plain text\n        if(!childItems[i].tag) {\n          visibleItemI--;\n\n          continue;\n        }\n\n        // Get the column index the child item will end up in\n        var columnIndex = visibleItemI % this$1.displayColumns;\n\n        if(!columns[columnIndex]) {\n          columns[columnIndex] = [];\n        }\n\n        columns[columnIndex].push(childItems[i]);\n      }\n\n      return columns;\n    }\n  },\n\n  render: function render(createElement) {\n    var this$1 = this;\n\n    var columnsContainingChildren = this._getChildItemsInColumnsArray();\n    var isGutterSizeUnitless = parseInt(this.displayGutter) === this.displayGutter * 1;\n    var gutterSizeWithUnit =  isGutterSizeUnitless ? ((this.displayGutter) + \"px\") : this.displayGutter;\n\n    var columnStyle = {\n      boxSizing: 'border-box',\n      backgroundClip: 'padding-box',\n      width: ((100 / this.displayColumns) + \"%\"),\n      border: '0 solid transparent',\n      borderLeftWidth: gutterSizeWithUnit\n    };\n\n    var columns = columnsContainingChildren.map(function (children, index) {\n      /// Create column element and inject the children\n      return createElement(this$1.columnTag, {\n        key: index + '-' + columnsContainingChildren.length,\n        style: this$1.css ? columnStyle : null,\n        class: this$1.columnClass,\n        attrs: this$1.columnAttr\n      }, children); // specify child items here\n    });\n\n    var containerStyle = {\n      display: ['-webkit-box', '-ms-flexbox', 'flex'],\n      marginLeft: (\"-\" + gutterSizeWithUnit)\n    };\n\n    // Return wrapper with columns\n    return createElement(\n      this.tag, // tag name\n      this.css ? { style: containerStyle } : null, // element options\n      columns // column vue elements\n    );\n  }\n};\n\nvar Plugin = function () {};\n\nPlugin.install = function (Vue, options) {\n  if (Plugin.installed) {\n    return;\n  }\n\n  if(options && options.name) {\n    Vue.component(options.name, component);\n  } else {\n    Vue.component(componentName, component);\n  }\n};\n\nif (typeof window !== 'undefined' && window.Vue) {\n  window.Vue.use(Plugin);\n}\n\nexport default Plugin;\n","module.exports = __webpack_public_path__ + \"img/in-the-spotlight.79c739e2.png\";","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/@vue/cli-service/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!./CuratedCollections.vue?vue&type=style&index=1&id=4e33932e&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"curated-collections\"},[_c('div',{staticClass:\"heading border-b border-grey-100 py-4\"},[_c('div',{staticClass:\"outer-container\"},[_c('div',{staticClass:\"inner-container\"},[(_vm.showSpotlight)?_c('img',{attrs:{\"src\":require(\"@/assets/in-the-spotlight.png\"),\"alt\":\"\"}}):_vm._e(),_c('div',{staticClass:\"flex flex-row justify-between items-start mt-8 md:mt-16\"},[_c('div',{staticClass:\"section-heading\"},[_vm._v(_vm._s(_vm.heading))]),(_vm.showAll)?_c('router-link',{staticClass:\"cta text-14 flex flex-row items-center uppercase bg-grey-100 text-white py-4 px-6 hover:bg-grey-300 transition-colors\",attrs:{\"to\":\"/discover/collections\"}},[_vm._v(\" View all \"),_c('img',{staticClass:\"w-8 h-4 block ml-4\",attrs:{\"src\":require(\"@/assets/icon-arrow.png\"),\"alt\":\"\"}})]):_vm._e()],1)])])]),_c('div',{staticClass:\"outer-container\"},[_c('div',{staticClass:\"inner-container\"},[(_vm.intro)?_c('div',{staticClass:\"intro-text mt-8\",domProps:{\"innerHTML\":_vm._s(_vm.intro)}}):_vm._e(),_c('div',{staticClass:\"collection-list -mx-4 mt-24\"},[_c('masonry',{attrs:{\"cols\":{default: 3, 1023: 2, 767: 1},\"gutter\":{default: '30px'}}},_vm._l((_vm.collections),function(item,index){return _c('div',{key:(\"collection\" + index + \"}\"),staticClass:\"collection-tile w-full p-4\"},[_c('router-link',{staticClass:\"block text-white winery-inner bg-grey-100 pl-12 pb-12 lg:pl-20 lg:pb-20 group\",attrs:{\"to\":(\"/discover/collections/\" + (item.elements.slug.value))}},[_c('div',{staticClass:\"image\"},[_c('div',{staticClass:\"image-container relative pb-9/16\"},[_c('img',{staticClass:\"block absolute left-0 top-0 w-full h-full object-cover max-w-none\",attrs:{\"src\":item.elements.image.value[0].url,\"alt\":item.elements.name.value}})])]),_c('div',{staticClass:\"title mt-12 text-18 font-bold pr-8\"},[_vm._v(_vm._s(item.elements.name.value))]),_c('div',{staticClass:\"description mt-4 text-14 pr-8 text-grey-500\",domProps:{\"innerHTML\":_vm._s(item.elements.short_description.value)}}),_c('div',{staticClass:\"cta mt-12 text-14 flex flex-row items-center text-grey-400 uppercase group-hover:text-grey-500 transition-colors\"},[_vm._v(\" View collection \"),_c('img',{staticClass:\"w-8 h-4 block ml-4 group-hover:ml-6 transition-all\",attrs:{\"src\":require(\"@/assets/icon-arrow.png\"),\"alt\":\"\"}})])])],1)}),0)],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"curated-collections\">\n    <div class=\"heading border-b border-grey-100 py-4\">\n      <div class=\"outer-container\">\n        <div class=\"inner-container\">\n          <img src=\"@/assets/in-the-spotlight.png\" alt=\"\" v-if=\"showSpotlight\">\n          <div class=\"flex flex-row justify-between items-start mt-8 md:mt-16\">\n            <div class=\"section-heading\">{{heading}}</div>\n            <router-link to=\"/discover/collections\" v-if=\"showAll\" class=\"cta text-14 flex flex-row items-center uppercase bg-grey-100 text-white py-4 px-6 hover:bg-grey-300 transition-colors\">\n              View all\n              <img src=\"@/assets/icon-arrow.png\" alt=\"\" class=\"w-8 h-4 block ml-4\">\n            </router-link>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"outer-container\">\n      <div class=\"inner-container\">\n        <div class=\"intro-text mt-8\" v-if=\"intro\" v-html=\"intro\"></div>\n\n        <div class=\"collection-list -mx-4 mt-24\">\n          <masonry\n              :cols=\"{default: 3, 1023: 2, 767: 1}\"\n              :gutter=\"{default: '30px'}\"\n          >\n            <div class=\"collection-tile w-full p-4\" v-for=\"(item, index) in collections\" :key=\"`collection${index}}`\">\n              <router-link :to=\"`/discover/collections/${item.elements.slug.value}`\" class=\"block text-white winery-inner bg-grey-100 pl-12 pb-12 lg:pl-20 lg:pb-20 group\">\n                <div class=\"image\">\n                  <div class=\"image-container relative pb-9/16\">\n                    <img :src=\"item.elements.image.value[0].url\" :alt=\"item.elements.name.value\" class=\"block absolute left-0 top-0 w-full h-full object-cover max-w-none\">\n                  </div>\n                </div>\n                <div class=\"title mt-12 text-18 font-bold pr-8\">{{item.elements.name.value}}</div>\n                <div class=\"description mt-4 text-14 pr-8 text-grey-500\" v-html=\"item.elements.short_description.value\"></div>\n                <div class=\"cta mt-12 text-14 flex flex-row items-center text-grey-400 uppercase group-hover:text-grey-500 transition-colors\">\n                  View collection\n                  <img src=\"@/assets/icon-arrow.png\" alt=\"\" class=\"w-8 h-4 block ml-4 group-hover:ml-6 transition-all\">\n                </div>\n              </router-link>\n            </div>\n          </masonry>\n\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Vue from 'vue'\nimport VueMasonry from 'vue-masonry-css'\nVue.use(VueMasonry);\nexport default {\n  name: 'CuratedCollections',\n  props: {\n    collections: {\n      type: Array,\n      default () {\n        return []\n      }\n    },\n    modularContent: {\n      type: Object,\n      default () {\n        return null\n      }\n    },\n    heading: {\n      type: String,\n      default: null\n    },\n    intro: {\n      type: String,\n      default: null\n    },\n    showSpotlight: {\n      type: Boolean,\n      default: true\n    },\n    showAll: {\n      type: Boolean,\n      default: false\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.collection-list > div > div:nth-child(even) {\n  margin-top: -30px;\n}\n</style>\n\n<style scoped lang=\"scss\">\n\n.intro-text {\n  max-width: 470px;\n}\n.section-heading {\n  font-weight: 600;\n  font-size: 24px;\n\n  @media(min-width: 768px)\n  {\n    font-size: 34px;\n  }\n}\n\n.collection-tile {\n  margin-top: 30px;\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!./CuratedCollections.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!./CuratedCollections.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CuratedCollections.vue?vue&type=template&id=4e33932e&scoped=true&\"\nimport script from \"./CuratedCollections.vue?vue&type=script&lang=js&\"\nexport * from \"./CuratedCollections.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CuratedCollections.vue?vue&type=style&index=0&lang=scss&\"\nimport style1 from \"./CuratedCollections.vue?vue&type=style&index=1&id=4e33932e&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  \"4e33932e\",\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/@vue/cli-service/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!./Collections.vue?vue&type=style&index=0&id=446af271&scoped=true&lang=scss&\""],"sourceRoot":""}