{"version":3,"sources":["webpack:///./src/mixins/metatags.mixin.js","webpack:///./src/components/common/BannerTemplate.vue","webpack:///src/components/common/BannerTemplate.vue","webpack:///./src/components/common/BannerTemplate.vue?0ef2","webpack:///./src/components/common/BannerTemplate.vue?5ddd","webpack:///./src/views/home/Home.vue?f752","webpack:///../../../src/components/VGrid/VContainer.ts","webpack:///./src/views/home/Home.vue","webpack:///src/views/home/Home.vue","webpack:///./src/views/home/Home.vue?79aa","webpack:///./src/views/home/Home.vue?03bb","webpack:///./src/assets/album/Home/home-02.jpg","webpack:///./src/assets/album/Home/home-01.jpg","webpack:///./src/components/common/ImageDiv.vue","webpack:///src/components/common/ImageDiv.vue","webpack:///./src/components/common/ImageDiv.vue?c0e3","webpack:///./src/components/common/ImageDiv.vue?5d87"],"names":["data","methods","getKeywords","content","vmid","name","getMetaDescription","getAuthor","getSocialMediaMetas","title","description","imageUrl","imageAlt","this","getMetaOGs","getMetaTwitters","metas","push","getMetaOGTitle","getMetaOGDescription","getMetaOGImageSource","getMetaOGImageAlt","getMetaPageUrl","getMetaOGType","property","window","location","origin","$router","currentRoute","fullPath","getMetaTwitterCard","getMetaTwitterTitle","getMetaTwitterDescription","getMetaTwitterImage","getMetaTwitterImageAlt","getMetaTwitterSite","getMetaTwitterCreator","staticClass","_c","attrs","_vm","intro","staticRenderFns","props","bannerSource","components","ImageDiv","component","Grid","extend","functional","id","String","tag","type","default","fluid","Boolean","render","h","children","classes","Object","keys","filter","key","value","startsWith","domProps","mergeData","class","Array","concat","on","BannerTemplate","contentImage","roadtripintro","galleryintro","mixins","mounted","metaInfo","meta","module","exports","imageSource","scopedSlots","fn","templateClass"],"mappings":"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","file":"js/chunk-5d94623c.db97e118.js","sourcesContent":["export default {\r\n    data: function() {\r\n        return {\r\n        }\r\n    },\r\n    methods: \r\n    {\r\n        getKeywords(content)\r\n        {  \r\n            return {\r\n                vmid: \"keywords\",\r\n                name: \"keywords\",\r\n                content: `Roadpursuit, roadtrip, roadtrips, rijden, toeren, toerrit, rit, driving, passie, cars, auto's, liefhebbers, auto community, ${content}`\r\n            }\r\n        },\r\n        getMetaDescription(content)\r\n        {  \r\n            return {\r\n                vmid: \"description\",\r\n                name: \"description\",\r\n                content: content\r\n            }\r\n        },\r\n        getAuthor()\r\n        {\r\n            return {\r\n                vmid: \"author\",\r\n                name: \"author\",\r\n                content: `Roadpursuit`\r\n            }\r\n        },\r\n\r\n        getSocialMediaMetas(title, description, imageUrl, imageAlt)\r\n        {\r\n            return [\r\n                ...this.getMetaOGs(title, description, imageUrl, imageAlt),\r\n                ...this.getMetaTwitters(title, description, imageUrl, imageAlt)\r\n            ];\r\n\r\n        },\r\n        \r\n        // OG -> Open Graph / Facebook tags\r\n        // have a very nice preview when sharing your website on facebook.\r\n        getMetaOGs(title, description, imageUrl, imageAlt)\r\n        {\r\n            let metas = [];\r\n            metas.push(this.getMetaOGTitle(title));\r\n            metas.push(this.getMetaOGDescription(description));\r\n\r\n            if (imageUrl != \"\")\r\n            {\r\n                metas.push(this.getMetaOGImageSource(imageUrl));\r\n                metas.push(this.getMetaOGImageAlt(imageAlt));\r\n            }\r\n           \r\n            metas.push(this.getMetaPageUrl());\r\n            metas.push(this.getMetaOGType());\r\n            return metas;\r\n        },\r\n        getMetaOGType()\r\n        {  \r\n            return {\r\n                vmid: \"og:type\",\r\n                property: \"og:type\",\r\n                content: \"website\"\r\n            }\r\n        },\r\n        getMetaOGTitle(content)\r\n        {  \r\n            return {\r\n                vmid: \"og:title\",\r\n                property: \"og:title\",\r\n                content: content\r\n            }\r\n        },\r\n        getMetaOGDescription(content)\r\n        {  \r\n            return {\r\n                vmid: \"og:description\",\r\n                property: \"og:description\",\r\n                content: content\r\n            }\r\n        },\r\n        getMetaOGImageSource(content)\r\n        {  \r\n            return {\r\n                vmid: \"og:image\",\r\n                property: \"og:image\",\r\n                content: content // image url\r\n            }\r\n        },\r\n        getMetaOGImageAlt(content)\r\n        {  \r\n            return {\r\n                vmid: \"og:image:alt\",\r\n                property: \"og:image:alt\",\r\n                content: content\r\n            }\r\n        },\r\n        getMetaPageUrl()\r\n        {  \r\n            return {\r\n                vmid: \"og:url\",\r\n                property: \"og:url\",\r\n                content: `${window.location.origin}${this.$router.currentRoute.fullPath}`\r\n            }\r\n        },\r\n\r\n        // Twitter tags\r\n        // have a nice twitter preview when sharing your website on twitter\r\n        getMetaTwitters(title, description, imageUrl, imageAlt)\r\n        {\r\n            let metas = [];\r\n            metas.push(this.getMetaTwitterCard());\r\n            metas.push(this.getMetaTwitterTitle(title));\r\n            metas.push(this.getMetaTwitterDescription(description));\r\n\r\n            if (imageUrl != \"\")\r\n            {\r\n                metas.push(this.getMetaTwitterImage(imageUrl));\r\n                metas.push(this.getMetaTwitterImageAlt(imageAlt));\r\n            }\r\n           \r\n            metas.push(this.getMetaTwitterSite());\r\n            metas.push(this.getMetaTwitterCreator());\r\n            return metas;\r\n        },\r\n        getMetaTwitterCard()\r\n        {\r\n            return {\r\n                vmid: \"twitter:card\",\r\n                name:\"twitter:card\",\r\n                content: \"summary\" // must be set to a value of “summary”\r\n            }\r\n        },\r\n        getMetaTwitterTitle(content)\r\n        {\r\n            return {\r\n                vmid: \"twitter:title\",\r\n                name:\"twitter:title\", \r\n                content: content\r\n            }\r\n        },\r\n        getMetaTwitterDescription(content)\r\n        {\r\n            return {\r\n                vmid: \"twitter:description\",\r\n                name:\"twitter:description\",\r\n                content: content\r\n            }\r\n        },\r\n        getMetaTwitterImage(content)\r\n        {\r\n            return {\r\n                vmid: \"twitter:image\",\r\n                name:\"twitter:image\",\r\n                content: content\r\n            }\r\n        },\r\n        getMetaTwitterImageAlt(content)\r\n        {\r\n            return {\r\n                vmid: \"twitter:image:alt\",\r\n                name:\"twitter:image:alt\", \r\n                content: content // maximum 420 characters.\r\n            }\r\n        },\r\n        getMetaTwitterSite()\r\n        {\r\n            return {\r\n                vmid: \"twitter:site\",\r\n                name:\"twitter:site\",\r\n                content: \"@roadpursuit\" // the Twitter @username the card should be attributed to.\r\n            }\r\n        },\r\n        getMetaTwitterCreator()\r\n        {\r\n            return {\r\n                vmid: \"twitter:creator\",\r\n                name:\"twitter:creator\",\r\n                content: \"Roadpursuit\"\r\n            }\r\n        }\r\n    }\r\n}","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{staticClass:\"pa-0\"},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',[_c('ImageDiv',{attrs:{\"imageSource\":_vm.bannerSource,\"templateClass\":'bannerImg'}})],1)],1),_c('div',{staticClass:\"px-2\"},[_c('v-container',[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',[(_vm.title)?_c('p',{staticClass:\"display-1 mt-1 mb-2 break-word\"},[_vm._v(_vm._s(_vm.title))]):_vm._e(),_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.intro)}})])],1)],1)],1),_vm._t(\"default\")],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-container class=\"pa-0\">\r\n        <v-row no-gutters>\r\n          <v-col>\r\n            <ImageDiv :imageSource=\"bannerSource\" :templateClass=\"'bannerImg'\" />\r\n          </v-col>\r\n        </v-row>\r\n        <div class=\"px-2\">\r\n            <v-container>\r\n              <v-row no-gutters>\r\n                  <v-col>\r\n                      <p v-if=\"title\" class=\"display-1 mt-1 mb-2 break-word\">{{title}}</p>\r\n                      <div v-html=\"intro\"></div>\r\n                  </v-col>\r\n              </v-row>\r\n            </v-container>\r\n        </div>\r\n          <!-- Here goes the inserted view -->\r\n          <slot></slot>\r\n    </v-container>\r\n</template>\r\n\r\n<script>\r\nimport ImageDiv from '@/components/common/ImageDiv';\r\n\r\nexport default {\r\n  name: 'BannerTemplate',\r\n      props: {\r\n          bannerSource: String,\r\n          title: String,\r\n          intro: String,\r\n      },\r\n  components: {\r\n      ImageDiv\r\n  },\r\n  data: () => ({\r\n  }),\r\n  methods: {\r\n  }\r\n}\r\n</script>\r\n<style>\r\n\r\n</style>\r\n","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!./BannerTemplate.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!./BannerTemplate.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BannerTemplate.vue?vue&type=template&id=3886ebdd&\"\nimport script from \"./BannerTemplate.vue?vue&type=script&lang=js&\"\nexport * from \"./BannerTemplate.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","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=style&index=0&id=52d7d24a&prod&lang=css&\"","import './_grid.sass'\nimport './VGrid.sass'\n\nimport Grid from './grid'\n\nimport mergeData from '../../util/mergeData'\n\n/* @vue/component */\nexport default Grid('container').extend({\n  name: 'v-container',\n  functional: true,\n  props: {\n    id: String,\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    fluid: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  render (h, { props, data, children }) {\n    let classes\n    const { attrs } = data\n    if (attrs) {\n      // reset attrs to extract utility clases like pa-3\n      data.attrs = {}\n      classes = Object.keys(attrs).filter(key => {\n        // TODO: Remove once resolved\n        // https://github.com/vuejs/vue/issues/7841\n        if (key === 'slot') return false\n\n        const value = attrs[key]\n\n        // add back data attributes like data-test=\"foo\" but do not\n        // add them as classes\n        if (key.startsWith('data-')) {\n          data.attrs![key] = value\n          return false\n        }\n\n        return value || typeof value === 'string'\n      })\n    }\n\n    if (props.id) {\n      data.domProps = data.domProps || {}\n      data.domProps.id = props.id\n    }\n\n    return h(\n      props.tag,\n      mergeData(data, {\n        staticClass: 'container',\n        class: Array<any>({\n          'container--fluid': props.fluid,\n        }).concat(classes || []),\n      }),\n      children\n    )\n  },\n})\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('BannerTemplate',{staticClass:\"home\",attrs:{\"bannerSource\":_vm.bannerSource,\"title\":`Welkom bij Roadpursuit`,\"intro\":_vm.intro}},[_c('div',{staticClass:\"px-2\"},[_c('v-container',{attrs:{\"pt-0\":\"\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"display-1 col-12 my-0 py-1\"},[_vm._v(\"Roadtrips in \"+_vm._s(_vm.getCurrentYear()))])],1)],1)],1),_c('ImageDiv',{attrs:{\"imageSource\":_vm.contentImage,\"templateClass\":'bannerImg'}}),_c('div',{staticClass:\"px-2 pb-4\"},[_c('v-container',[_c('v-row',[_c('v-col',{staticClass:\"pb-0\"},[_c('div',{staticClass:\"pt-3\"},[_vm._v(\" \"+_vm._s(_vm.roadtripintro)+\" \")])]),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-card-actions',{staticClass:\"justify-center\"},[_c('v-btn',{attrs:{\"block\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.goToMainCalendar()}}},[_vm._v(\" Bekijk de planning \")])],1)],1)],1),_c('v-row',[_c('v-col',[_c('p',{staticClass:\"display-1 ma-0 pa-0\"},[_vm._v(\"Galerij\")]),_c('div',[_vm._v(_vm._s(_vm.galleryintro))])]),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-card-actions',{staticClass:\"justify-center\"},[_c('v-btn',{attrs:{\"block\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.goToGalleryAndReviews()}}},[_vm._v(\" Bekijk de galerij \")])],1)],1)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <BannerTemplate :bannerSource=\"bannerSource\" :title=\"`Welkom bij Roadpursuit`\" :intro=\"intro\" class=\"home\">\r\n        <div class=\"px-2\">\r\n            <v-container pt-0>\r\n                <v-row no-gutters>\r\n                    <v-col class=\"display-1 col-12 my-0 py-1\">Roadtrips in {{getCurrentYear()}}</v-col>\r\n                </v-row>\r\n            </v-container>\r\n        </div>\r\n        <ImageDiv :imageSource=\"contentImage\" :templateClass=\"'bannerImg'\" />\r\n        <div class=\"px-2 pb-4\">\r\n            <v-container>\r\n                <v-row>\r\n                    <v-col class=\"pb-0\">\r\n                        <div class = \"pt-3\">\r\n                            {{roadtripintro}}\r\n                        </div>\r\n                    </v-col>\r\n                    <v-col cols=\"12\">\r\n                        <v-card-actions class=\"justify-center\">\r\n                            <v-btn @click=\"goToMainCalendar()\" block\r\n                                color=\"primary\">\r\n                                Bekijk de planning\r\n                            </v-btn>\r\n                        </v-card-actions>\r\n                    </v-col>\r\n                </v-row>\r\n                <v-row>\r\n                    <v-col>\r\n                        <p class=\"display-1 ma-0 pa-0\">Galerij</p>\r\n                        <div>{{galleryintro}}</div>\r\n                    </v-col>\r\n                    <v-col cols=\"12\">\r\n                        <v-card-actions class=\"justify-center\">\r\n                            <v-btn @click=\"goToGalleryAndReviews()\" block\r\n                                color=\"primary\">\r\n                                Bekijk de galerij\r\n                            </v-btn>\r\n                        </v-card-actions>\r\n                    </v-col>\r\n                </v-row>\r\n            </v-container>\r\n        </div>\r\n    </BannerTemplate>\r\n</template>\r\n\r\n<script>\r\nimport BannerTemplate from '@/components/common/BannerTemplate'\r\nimport ImageDiv from '@/components/common/ImageDiv'\r\nimport RouteMixin from \"@/mixins/route.mixin\";\r\nimport FormatMixin from \"@/mixins/format.mixin\";\r\nimport MetaTagsMixin from \"@/mixins/metatags.mixin\";\r\n\r\nexport default {\r\n    name: 'Home',\r\n    components: \r\n    {\r\n        BannerTemplate,\r\n        ImageDiv\r\n    },\r\n    data: () => ({\r\n        bannerSource: require('@/assets/album/Home/home-01.jpg'),\r\n        contentImage: require('@/assets/album/Home/home-02.jpg'),\r\n        intro: \"<p>Roadpursuit is het equivalent voor passie voor auto's, driving experience en omringing met gelijkgestemden. Hierbij staan avontuur, gezelligheid en verantwoord rijden bij ons centraal.</p><p>Roadpursuit biedt unieke roadtrips aan in Nederland en buitenland. Maak bijvoorbeeld een trip door de mooiste natuurgebieden in Nederland, een prachtige rondreis bij onze oosterburen of een avontuurlijke tour door de Zwitserse Alpen. Roadpursuit neemt eenieder mee op een mooie reis door natuur en cultuur op prachtige wegen.</p><p>Hebben wij uw interesse gewekt? Bekijk direct de planning (kalender) om deel te nemen aan één van onze trips.</p><div>Roadpursuit - Roadtrips for real drivers.</div>\",\r\n        roadtripintro: \"Benieuwd welke roadtrips er voor dit jaar gepland staan? Bekijk de planning in onze kalender. U kunt hier per maand bekijken welke evenementen er allemaal gepland staan. Elk type rit (bijvoorbeeld een merkenrit) heeft z'n eigen kleur. Handig!\",\r\n        galleryintro: \"In onze galerij kunt u alle foto's van voorgaande roadtrips terugvinden. Deze zijn gecategoriseerd op merk en vervolgens op roadtrip.\",\r\n    }),\r\n    mixins: [RouteMixin, FormatMixin, MetaTagsMixin],\r\n    mounted () \r\n    {\r\n        this.$store.commit('setFooterVisibility', true);\r\n    },\r\n    metaInfo() {\r\n        return {\r\n        meta: [\r\n            this.getKeywords(`homepage, home, kalender, galerij, planning`),\r\n            this.getMetaDescription(`The Roadpursuit experience... for real drivers. More than just roadtrips!`),\r\n            this.getAuthor(),\r\n            ...this.getSocialMediaMetas('Roadpursuit', 'Roadpursuit', `${window.location.origin}${this.bannerSource}`, 'Roadpursuit Home')\r\n        ]\r\n        };\r\n    },\r\n}\r\n</script>\r\n<style>\r\n\r\n.home .bannerImg .v-image__image\r\n{\r\n    background-position: 50% 25% !important;\r\n}\r\n\r\n</style>\r\n","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!./Home.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!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=52d7d24a&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Home.vue?vue&type=style&index=0&id=52d7d24a&prod&lang=css&\"\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","module.exports = __webpack_public_path__ + \"img/home-02.113855de.jpg\";","module.exports = __webpack_public_path__ + \"img/home-01.d9706357.jpg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-img',{staticClass:\"grey darken-4\",class:_vm.templateClass,attrs:{\"src\":_vm.imageSource,\"lazy-src\":_vm.imageSource,\"aspect-ratio\":\"1\"},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height ma-0\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"grey lighten-5\"}})],1)]},proxy:true}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-img\r\n    :src=\"imageSource\"\r\n    :lazy-src=\"imageSource\"\r\n    aspect-ratio=\"1\"\r\n    class=\"grey darken-4\"\r\n    :class=\"templateClass\">\r\n\r\n        <template v-slot:placeholder>\r\n            <v-row\r\n                class=\"fill-height ma-0\"\r\n                align=\"center\"\r\n                justify=\"center\">\r\n\r\n                <v-progress-circular\r\n                    indeterminate\r\n                    color=\"grey lighten-5\">\r\n                </v-progress-circular>\r\n\r\n            </v-row>\r\n        </template>\r\n    </v-img>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'ImageDiv',\r\n    props: {\r\n        imageSource: String,\r\n        templateClass: String\r\n    },\r\n}\r\n</script>\r\n","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!./ImageDiv.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!./ImageDiv.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImageDiv.vue?vue&type=template&id=0fb170df&\"\nimport script from \"./ImageDiv.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageDiv.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"],"sourceRoot":""}