{"version":3,"sources":["webpack:///./src/assets/png/chainCompany/manufacture/company-logo-4.png","webpack:///./src/assets/png/chainCompany/manufacture/company-logo-5.png","webpack:///./src/views/en/4-1-1-EnCompanies.vue?d183","webpack:///./src/assets/png/chainCompany/recycle/company-logo-1.png","webpack:///./src/assets/png/chainCompany/manufacture/company-logo-2.png","webpack:///./src/assets/png/chainCompany/manufacture/company-logo-6.png","webpack:///./src/data/getEnSupplyChainCompanies.js","webpack:///./src/assets/png/chainCompany/manufacture/company-logo-7.png","webpack:///./src/assets/png/chainCompany/manufacture/company-logo-3.png","webpack:///./src/assets/png/chainCompany/brand/company-logo-1.png","webpack:///./src/views/en/4-1-1-EnCompanies.vue","webpack:///./src/views/en/4-1-1-EnCompanies.vue?de52","webpack:///./src/assets/png/chainCompany/recycle/company-logo-2.png","webpack:///./src/assets/png/chainCompany/manufacture/company-logo-1.jpeg"],"names":["module","exports","supplyChainData","recycle","company","companyId","logoUrl","require","name","contact","phone","email","types","allowedRange","manufacture","product","brand","id","class","_createElementVNode","_createElementBlock","_toDisplayString","$setup","_hoisted_4","src","alt","_hoisted_9","_hoisted_11","_hoisted_12","join","_hoisted_14","_hoisted_15","_hoisted_17","_hoisted_18","_Fragment","_renderList","index","key","params","onKeypress","onClick","tabindex","role","setup","router","useRouter","route","useRoute","type","ref","getEnSupplyChainCompanies","item","title","computed","value","changeCompany","push","initItem","getItem","length","find","onBeforeRouteUpdate","to","from","next","window","scroll","top","left","__exports__","render"],"mappings":"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","file":"js/chunk-56ef09e4.36cc86a8.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/company-logo-4.cd9bc466.png\";","module.exports = __webpack_public_path__ + \"img/company-logo-5.5f032b8e.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./4-1-1-EnCompanies.vue?vue&type=style&index=0&id=76b2c760&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/company-logo-1.cd9bc466.png\";","module.exports = __webpack_public_path__ + \"img/company-logo-2.3e2f5183.png\";","module.exports = __webpack_public_path__ + \"img/company-logo-6.5591473b.png\";","export default function () {\n    const supplyChainData = {\n        recycle: [\n            {\n                company: {\n                    companyId: 1,\n                    logoUrl: require('@/assets/png/chainCompany/recycle/company-logo-1.png'),\n                    name: 'HORNG EN CO., LTD.',\n                },\n                contact: {\n                    name: 'Miss Hong',\n                    phone: '04-8966172#85',\n                    email: 'ann_hung@horngen.com',\n                },\n                recycle: {\n                    types: ['PET', 'PP', 'PE', 'PA', 'PS'],\n                    allowedRange: 'Taiwan',\n                },\n            },\n            {\n                company: {\n                    companyId: 2,\n                    logoUrl: require('@/assets/png/chainCompany/recycle/company-logo-2.png'),\n                    name: 'UNITED ONE RECYCLE CO., INC.',\n                },\n                contact: {\n                    name: 'Manager Chen',\n                    phone: '03-4725666',\n                    email: 'unione.recycle@gmail.com',\n                },\n                recycle: {\n                    types: ['EPS'],\n                    allowedRange:\n                        'Taipei City, New Taipei City, Taoyuan City, Hsinchu City, Hsinchu County',\n                },\n            },\n        ],\n        manufacture: [\n            {\n                company: {\n                    companyId: 1,\n                    logoUrl: require('@/assets/png/chainCompany/manufacture/company-logo-1.jpeg'),\n                    name: 'SUPER TEXTILE CORPORATION',\n                },\n                contact: {\n                    name: 'Miss Huang',\n                    phone: '02-25117157',\n                    email: 'sophie@supertextile.tw',\n                },\n                recycle: {\n                    types: ['PET'],\n                },\n                product: {\n                    types: [''],\n                },\n            },\n            {\n                company: {\n                    companyId: 2,\n                    logoUrl: require('@/assets/png/chainCompany/manufacture/company-logo-2.png'),\n                    name: 'Global Green Material Co., Ltd.',\n                },\n                contact: {\n                    name: 'Manager Zhang',\n                    phone: '04-8932525＃240',\n                    email: 'raymond@globalgreenmaterial.com',\n                },\n                recycle: {\n                    types: ['PE', 'PS'],\n                },\n                product: {\n                    types: ['fragments'],\n                },\n            },\n            {\n                company: {\n                    companyId: 3,\n                    logoUrl: require('@/assets/png/chainCompany/manufacture/company-logo-3.png'),\n                    name: 'Boretech Resource Recovery Technology CO., LTD.',\n                },\n                contact: {\n                    name: 'Miss Liu',\n                    phone: '06-6233306＃219',\n                    email: 'peggy.liu@bo-re-tech.com',\n                },\n                recycle: {\n                    types: ['PET', 'PP'],\n                },\n                product: {\n                    types: ['pellet', 'fragments'],\n                },\n            },\n            {\n                company: {\n                    companyId: 4,\n                    logoUrl: require('@/assets/png/chainCompany/manufacture/company-logo-4.png'),\n                    name: 'HORNG EN CO., LTD.',\n                },\n                contact: {\n                    name: 'Miss Hong',\n                    phone: '04-8966172#85',\n                    email: 'ann_hung@horngen.com',\n                },\n                recycle: {\n                    types: ['PET', 'PP', 'PE', 'PA', 'PS, ABS'],\n                },\n                product: {\n                    types: ['pellet'],\n                },\n            },\n            {\n                company: {\n                    companyId: 5,\n                    logoUrl: require('@/assets/png/chainCompany/manufacture/company-logo-5.png'),\n                    name: 'UNITED ONE RECYCLE CO., INC.',\n                },\n                contact: {\n                    name: 'Manager Chen',\n                    phone: '03-4725666',\n                    email: 'unione.recycle@gmail.com',\n                },\n                recycle: {\n                    types: ['PP', 'PS, PO'],\n                },\n                product: {\n                    types: ['pellet'],\n                },\n            },\n            {\n                company: {\n                    companyId: 6,\n                    logoUrl: require('@/assets/png/chainCompany/manufacture/company-logo-6.png'),\n                    name: 'Taijei Precision CO., Ltd.',\n                },\n                contact: {\n                    name: 'Mr. Yang',\n                    phone: '0953-681272',\n                    email: 'leon.hi@msa.hinet.net',\n                },\n                recycle: {\n                    types: ['PET', 'PS'],\n                },\n                product: {\n                    types: ['wood plastic composite'],\n                },\n            },\n            {\n                company: {\n                    companyId: 7,\n                    logoUrl: require('@/assets/png/chainCompany/manufacture/company-logo-7.png'),\n                    name: 'Poseidon Global Industries Co., Ltd.',\n                },\n                contact: {\n                    name: 'Jack Lam',\n                    phone: '03-3859800',\n                    email: 'j.lam@psdindustry.com',\n                },\n                recycle: {\n                    types: ['PP', 'PE', 'PS', 'PA', 'others'],\n                },\n                product: {\n                    types: ['others'],\n                },\n            },\n        ],\n        brand: [\n            {\n                company: {\n                    companyId: 1,\n                    logoUrl: require('@/assets/png/chainCompany/brand/company-logo-1.png'),\n                    name: 'GREENVINES BIOTECH CO., LTD.',\n                },\n                contact: {\n                    name: 'Miss Yu',\n                    phone: '02-27076788 #115',\n                    email: 'gina.yu@greenvines.com.tw',\n                },\n                product: {\n                    types: ['Cleaning Products for Skin and Hair'],\n                },\n            },\n        ],\n    }\n    return { supplyChainData }\n}\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACRCAYAAAAsGjEdAAAL2ElEQVR4Xu2dfWwcRxXAZ+7OTpxKbYhIWyJRhzRKfAGpDghfjEJzASE+/okRFQUpyAkfEkWgmI8CbSScovBVIjW0ioRooeSPVqUq6kVVpf5R1ItCFZx/bFDqMzRRm0alyFFjO5AEavsGzTnn7N3t7ny92Z3dffdf5Dez+9788ubNzNs3lODPmgXeObWlP19nZUbJECFkByXsr7nulWW6dWLW2kMj7phG/LxUP46d7Fu/mCdlwigHpkwIuald4bRBhAAZIM3G+1cvvvM/DkoTmF6Z7tIEEQIkM+IemfmTfWWSy5VzpD7ECL1DsfmyeFogQoAEBHjiGO5pdukC49cuDRAhQG0j64ljmlNTRxyDEF23QOYBasYxjJIyZY1YRiqOQYiWLJBJgH5638GRi1e7h87P9dyxcc3l1Q98/igkD1p9JXU6ywRAD+4/ePfs1a4v/OvSim2Ts6tumZkvtOh918ZpghBpcZ9OD3Ro/+j2S/M9e6b/vaJ8dran940r3QWReRAikYX8/54aD/TjHxz82duXV37q3FzP5tqlnh4dcyBE6lZLLEB8Wpq+3H0Pj2MmLt6wWl11/xYIkZolEwMQn5YuXl313aA4Rk3tcGmESN6azgLEl9dP/umTwyfO3vot2ThGXm2xJEIktpFzy/jGMUGeDuUYKzePCUafHibPnLlZThtgKYRIbNBYPVB7ukPQ6yJEfMPOzVSQSAGSSXdAiIL/17sIkVWAoI8J0BO554nAAYJKd0BPlAxPBArQ/KniYcrIPnHoZSaBnsgdTwQK0MJY8fWoTrMRIjcgAgOoESDn6GtmvkWtNUIUP0RgAC2c6ttDGH1cDQFzaYQoXojgABor/p4QMmyOhHoPCFF8EEECxL91spr+GYYWQhQPRCAA8R3lHGPj6r4DtgVCFD1EIAAt/qU4wih5CBYHvd4QomghAgFoYaxYgf7kRQ+fpVYIUXQQQQHETAbcRluEKBqIjAHiRxc0R1+yAYFpnwiRfYjMAYro+EIXJoTILkTGAC2O9U2YfCOuC4ZKO4TIHkRGAF1L15hRGcy4ZBEiOxAZAbQwVuSfAj8bFxSqz0WI4CEyBSi24wtVeJryCBEsRKYARZa+oQuMXzuECA4ibYDiSN9AiCAtAAORNkBxpW9AmhA9kTlE+gA5dnyhCxZCZAaRCUCxpm/oAoMxkb/ldD8Z0gKIFzbYsHb2qaHB5yHHMda+0BPpeSItgO7/zi+e/ePZtUM/2TlJECIY7pP6GbUWQHfvfWSmWVIFIYIBiPeSRIi0ANq863ct6RsIUXYhUgaIVwJ7YmrdD9tNhhBlEyJlgPZ989D4C+fX9PuZCyHKHkTKAA196ciVsBqECFG2IFIC6ND+g72Pnl7Hz79CfwiRyELyf3c9sFYC6Eff//ljf/j7zV+RUR8hkrGSnIzLECkB9PV7Hjrz0j9vul1ObUIQIllLieVchUgJoE988dfzMkW7veZAiMRwyEq4CJE0QLzM7qOne0/IKosQ6VhK3MY5iMSvvCTRPL6Qlcd9Il1Lidu5AhGhbK+0B/ryVw+/9fKFG28VqxcsgdOZifVa27oAUb57xbukAdp212/q7bfc6JgDIdKxmn+bOCHi6R/50lS/FEA8feO3p9c9BaU6QgRlyfgOYBklv+oaqI1IAfS9kQerz7327h1wauMSH9KWMXmizxZKtYoUQN70DUjF0RPBWTNqiAqlWoMdIUCyxxe6pkCIdC3X2S5CiI4XSjV+KbEYoKD0DTi1cTqDtGUUEDFCH+gqTR6QAigsfQNScfREcNa0DVGd0q3dA5MTUgCJ0jfg1EZPBGlLixDNFUq15RsiQ2Mgk+MLXWOgJ9K1XGQx0bFCqcaLajR+oQCppG/AqY2eCNKW4J6Isr2FgSleVEMM0MMHRl8+Mt77EUiFZPtCTyRrKbEcJET5OnsfHZxaTioM9UD88pTRp4d747pyEiESwyErAQTRuUKptt77zECAvMXD4/xqEyGSRUQs98r9vxQLhUscLZRqe6QAai8ejhCZ2v56+zhs2b/6CnniG0dMlWgcX0gB5Fc8PA7Fmy+Lnshs7O8bPEN27zSrRthI39g6wYtqLP8Cp7CFsaJv9Q2EyGwgva2jtOUzu18kxdv0rzNppm+0a+8LkKh4eJSKt78weiJ1gDfc8F/y3L5H1Bt6WjTTN+QAGttygBI2GvZEhMhoPFoa27YlxAqM1dnOrsGpqhRAssXDbSseNkToieQBfvgz4+Tj/S/KN/CRbKZvCAFSLR6OEBmNSySeCGD53nJ8ERpE6xQPR4jchejTt82QQ7sfM3pBysi389tqh/066Qiide9+R4iMxsiaJ4JYvnvTN4RTmMnd7wiRexC98LVj5L1r/2HyYi3pG6EAQRQPR4hMxqq1raktgXafO44vAmMgqOLhpoqbDAGuzq5bb8/73yT37nrSxJyEf33qTd8I9UALgHe/I0Rm4+ZtrWvLxz93kgxs/rPRi7Snb4gAAi0erqu4kcbXGmfdE63pmicn7vVdOKmYtyN9IxAgW3e/I0Qq4xUuq2JLkN3na1+fhr3V8jLe5t3vKorDmXupp6x6IiC9O9I3Aj3QwliRn3OAfr4MMY9DAAVkTIhXAelD5j/kyZGj5MZV00bP80vfCAPI+t3vMoobaRzSOEsQQSzfg9I3fAESpW9ADipCBGfNIFtC7D57vz4VxkC6xxe6pkCIdC3X2c7PlqbJY/wpQekbvh5INn0DTm1CECI4a3ptCZE8RggJPb7wvjlVTd+AUxshsmFLiOU7ISQwfaPDA+mkb9hQHLJP2b7SGFjfuelN4+SxsPSNDoBs7v/IDiROZ7KWikYuLH3DNwaCPAPTVREh0rUceDvh8UVLDNT8B0KUrus7DbAKTd8I3Ejkf0CIECJR+kYoQAhR+s7OVD2RKH1DCBBClF2IZI8vfGOgdrJwOsvedBb09WmYFxPVB+KVqIZV3SCkPK7OIK0p7EuYviE1hXmF0BNlxxPJpG8oA4QxUWZiouXi4UI/5REQVqrHfaIlC6Tt2KMdEtn0DS0PhBClHyKV4wupVViQG8OYKJUxkXT6hpEHQk+UWk8knb4BAhAG1umKiVTSN8AAQojSA5Hq8YVRDIQ71q0WSMHqTCl9A9QDYUyUiphIKX3DCkA4nSV4OhNU3xBtKkpvJIo6QoiSCZHO8QVoDIQxUXJjIp30DWtTmLdj3GxMxmajTvpGJADhdJaY6Uw5fSMygBAi9yEKKh4uE+82ZUCDaL8H43Tm7HSmlb4RqQfCfSJ394lMji+srsKC3F8WPRGvU1h6z3/I9tvfIkODz6vMDNZlddM3YvFAWfJEvDrGnevfJh/snTb+Rt0iRdrpG7EClNbAevstl8hHN0yTHR94xbQqvEVmWrrWTt+IHaA0QMSnpo/1zhBeCePDm/5mXIswKmqWn2N4fBFLDJT0HWted3D7hgukvOVVo6sjI4fF54Em6RtOeKAkxETeAPhDG19NytQkw6dR+oZTALk2nTUD4B19bxhfESAzkjHJGKVvOAeQKxCdv7ApTV4miM05VmdDfnef6sJsfSda9sVc2CeSfdeEyR2njFQWc7TaPTA5Af3uzgDkiieCNnDU/fEUjTqlVbLIKpCeJkgPpwBCiLRwO0cI4ddUVPLdK6p06wS/cSmyn3MAIUTCsZ9rAENZJb9IqnRw6nVhC4sCTgKEEHWM+HFGaJVRUrERx5jw5SxAWYaoGcdQRqqFUq1iMsC22zoNUIYgWopjKKvmu1ZWoo5jTCBzHqCUQtSIY7iHyTFWiTuOST1AKYGoEceQer0axfLaBAqVtonwQE2FkrTZ6I1j4lheq0BgIpsogBz3RHxaqjTiGAeW1yZQqLRNHECOQXSMxzG2jglUBjIu2UQCFBdEjWmJ5Cppi2NM4EssQBFBdI5v3nEvk+Y4JrMAWYDIqWMCk4GNqm2iPRDQ6sxqukNUAxnXc1IBkIonijrdIa6Bjeq5qQEoBKJY0x2iGsi4npMqgLgR508VD1NG1qfhmCAuKFSemzqAVJRHWXMLIEDmNsx0D/8H4bfLZcwlIfkAAAAASUVORK5CYII=\"","module.exports = __webpack_public_path__ + \"img/company-logo-3.79d0f656.png\";","module.exports = __webpack_public_path__ + \"img/company-logo-1.8b8d5cb1.png\";","<template>\n    <div id=\"EnSupplyChainCompanies\">\n        <h1 class=\"h1 w90-mb\">{{ title }}</h1>\n        <div v-if=\"item === null\" class=\"no-company\">No Partner</div>\n        <div v-else>\n            <section class=\"company-info\">\n                <div class=\"img-wrap\">\n                    <img\n                        :src=\"item.company.logoUrl\"\n                        :alt=\"item.company.name + 'Logo'\"\n                    />\n                </div>\n                <h3>{{ item.company.name }}</h3>\n                <ul class=\"table\">\n                    <li>\n                        <span class=\"head\">Contract person</span>\n                        <span class=\"body\">\n                            {{\n                                item.contact.name +\n                                '\\n' +\n                                item.contact.phone +\n                                '\\n' +\n                                item.contact.email\n                            }}\n                        </span>\n                    </li>\n                    <li v-if=\"item.recycle && item.recycle.types\">\n                        <span class=\"head\">Material of processing</span>\n                        <span class=\"body\">\n                            {{ item.recycle.types.join(', ') }}\n                        </span>\n                    </li>\n                    <li v-if=\"item.recycle && item.recycle.allowedRange\">\n                        <span class=\"head\">Receiving area</span>\n                        <span class=\"body\">{{\n                            item.recycle.allowedRange\n                        }}</span>\n                    </li>\n                    <!-- <li v-if=\"item.recycle && item.recycle.allowedStandard\">\n                        <span class=\"head\">允收標準</span>\n                        <span class=\"body\">{{\n                            item.recycle.allowedStandard\n                        }}</span>\n                    </li> -->\n                    <li v-if=\"item.product && item.product.types\">\n                        <span class=\"head\">Product type</span>\n                        <span class=\"body\">\n                            {{ item.product.types.join('、') }}\n                        </span>\n                    </li>\n                </ul>\n            </section>\n            <!-- <section class=\"company-article w90-mb\">\n                <p\n                    class=\"p1\"\n                    v-for=\"(\n                        paragraph, subindex\n                    ) in item.company.introduction.split('\\n')\"\n                    :key=\"item.company.name + '-' + subindex\"\n                >\n                    {{ paragraph }}\n                </p>\n            </section> -->\n            <section class=\"other-companies w90-mb\">\n                <h2 class=\"h2\">Other {{ title }}</h2>\n                <ul>\n                    <li\n                        v-for=\"(company, index) in supplyChainData[type]\"\n                        :key=\"type + '-company-' + index\"\n                        :class=\"{\n                            active:\n                                company.company.companyId ==\n                                route.params.companyId,\n                        }\"\n                        @keypress.enter=\"\n                            changeCompany(company.company.companyId)\n                        \"\n                        @click=\"changeCompany(company.company.companyId)\"\n                        tabindex=\"0\"\n                        role=\"button\"\n                    >\n                        <img\n                            :src=\"company.company.logoUrl\"\n                            :alt=\"company.company.name + 'Logo'\"\n                        />\n                    </li>\n                </ul>\n            </section>\n        </div>\n    </div>\n</template>\n<script>\nimport { onBeforeRouteUpdate, useRoute, useRouter } from 'vue-router'\nimport getEnSupplyChainCompanies from '@/data/getEnSupplyChainCompanies'\nimport { computed, ref } from 'vue-demi'\nexport default {\n    name: 'EnSupplyChainCompanies',\n    setup() {\n        const router = useRouter()\n        const route = useRoute()\n        const type = ref(route.params.type)\n        const companyId = ref(route.params.companyId)\n        const { supplyChainData } = getEnSupplyChainCompanies()\n        let item = ref({})\n\n        const title = computed(() => {\n            if (type.value === 'brand') return 'Brand Industry Partners'\n            else if (type.value === 'recycle')\n                return 'Recycling Industry Partners'\n            else\n                return 'Waste Disposal Industry / Manufacturing Industry Partners'\n        })\n        function changeCompany(index) {\n            router.push({\n                name: 'EnSupplyChainCompanies',\n                params: {\n                    type: type.value,\n                    companyId: index,\n                },\n            })\n        }\n        function initItem() {\n            function getItem(item) {\n                return item.company.companyId == companyId.value\n            }\n            if (supplyChainData[type.value].length === 0) item.value = null\n            else item.value = supplyChainData[type.value].find(getItem)\n        }\n\n        initItem()\n        onBeforeRouteUpdate((to, from, next) => {\n            type.value = to.params.type\n            companyId.value = to.params.companyId\n            initItem()\n            window.scroll({\n                top: 0,\n                left: 0,\n            })\n            next()\n        })\n\n        return {\n            supplyChainData,\n            type,\n            companyId,\n            title,\n            item,\n            changeCompany,\n            route,\n        }\n    },\n}\n</script>\n<style lang=\"scss\" scoped>\n.no-company {\n    text-align: center;\n    color: $grayB;\n    font-size: 20px;\n    font-weight: 900;\n    margin: 20px 0 80px;\n}\n.company-info {\n    background-color: $grayF;\n    padding: 50px 30px 30px;\n    .img-wrap {\n        margin: 0 auto;\n        width: 240px;\n        height: 240px;\n        border-radius: 50%;\n        background-color: $white;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        img {\n            position: relative;\n            top: 2%;\n            max-width: 80%;\n            max-height: 80%;\n        }\n    }\n    h3 {\n        margin: 30px 0;\n        color: $gray6;\n        text-align: center;\n        font-size: 28px;\n        font-weight: 700;\n        line-height: 1.5em;\n        letter-spacing: 0.05em;\n    }\n}\n.company-article {\n    margin: 30px auto;\n}\n.other-companies {\n    padding-top: 50px;\n    ul {\n        display: flex;\n        flex-wrap: wrap;\n        margin: 20px 0 50px;\n    }\n    li {\n        margin: 5px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 100px;\n        height: 100px;\n        border-radius: 50%;\n        box-shadow: $shadow1;\n        cursor: pointer;\n\n        &.active {\n            border: 3px solid $theme3;\n            cursor: default;\n        }\n    }\n    img {\n        max-width: 80%;\n        max-height: 80%;\n    }\n}\n</style>\n","import { render } from \"./4-1-1-EnCompanies.vue?vue&type=template&id=76b2c760&scoped=true\"\nimport script from \"./4-1-1-EnCompanies.vue?vue&type=script&lang=js\"\nexport * from \"./4-1-1-EnCompanies.vue?vue&type=script&lang=js\"\n\nimport \"./4-1-1-EnCompanies.vue?vue&type=style&index=0&id=76b2c760&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/pj/Desktop/C.Project/Octave_project/marine-debris-2022/frontend/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-76b2c760\"]])\n\nexport default __exports__","module.exports = __webpack_public_path__ + \"img/company-logo-2.5f032b8e.png\";","module.exports = __webpack_public_path__ + \"img/company-logo-1.bdeeeb97.jpeg\";"],"sourceRoot":""}