{"version":3,"file":"js/app.317713ca.js","mappings":"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","sources":["webpack://game-on-cosham/./src/App.vue","webpack://game-on-cosham/./src/App.vue?7ccd","webpack://game-on-cosham/./src/views/HomeView.vue","webpack://game-on-cosham/./src/views/HomeView.vue?1da1","webpack://game-on-cosham/./src/router/index.js","webpack://game-on-cosham/./src/main.js","webpack://game-on-cosham/webpack/bootstrap","webpack://game-on-cosham/webpack/runtime/chunk loaded","webpack://game-on-cosham/webpack/runtime/compat get default export","webpack://game-on-cosham/webpack/runtime/define property getters","webpack://game-on-cosham/webpack/runtime/global","webpack://game-on-cosham/webpack/runtime/hasOwnProperty shorthand","webpack://game-on-cosham/webpack/runtime/publicPath","webpack://game-on-cosham/webpack/runtime/jsonp chunk loading","webpack://game-on-cosham/webpack/startup"],"sourcesContent":["<template>\n  <router-view/>\n</template>\n\n<style>\n#app {\n  font-family: Avenir, Helvetica, Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-align: center;\n  color: #2c3e50;\n}\n\nnav {\n  padding: 30px;\n}\n\nnav a {\n  font-weight: bold;\n  color: #2c3e50;\n}\n\nnav a.router-link-exact-active {\n  color: #42b983;\n}\n</style>\n","import { render } from \"./App.vue?vue&type=template&id=8f008e3e\"\nconst script = {}\n\nimport \"./App.vue?vue&type=style&index=0&id=8f008e3e&lang=css\"\n\nimport exportComponent from \"../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <div class=\"bg-white\">\n    <!-- Mobile menu -->\n    <TransitionRoot as=\"template\" :show=\"mobileMenuOpen\">\n      <Dialog as=\"div\" class=\"relative z-40 lg:hidden\" @close=\"mobileMenuOpen = false\">\n        <TransitionChild as=\"template\" enter=\"transition-opacity ease-linear duration-300\" enter-from=\"opacity-0\" enter-to=\"opacity-100\" leave=\"transition-opacity ease-linear duration-300\" leave-from=\"opacity-100\" leave-to=\"opacity-0\">\n          <div class=\"fixed inset-0 bg-black bg-opacity-25\" />\n        </TransitionChild>\n\n        <div class=\"fixed inset-0 z-40 flex\">\n          <TransitionChild as=\"template\" enter=\"transition ease-in-out duration-300 transform\" enter-from=\"-translate-x-full\" enter-to=\"translate-x-0\" leave=\"transition ease-in-out duration-300 transform\" leave-from=\"translate-x-0\" leave-to=\"-translate-x-full\">\n            <DialogPanel class=\"relative flex w-full max-w-xs flex-col overflow-y-auto bg-zinc-900 pb-12 shadow-xl\">\n              <div class=\"flex px-4 pb-2 pt-5\">\n                <button type=\"button\" class=\"-m-2 inline-flex items-center justify-center rounded-md p-2 text-gray-400\" @click=\"mobileMenuOpen = false\">\n                  <span class=\"sr-only\">Close menu</span>\n                  <XMarkIcon class=\"h-6 w-6\" aria-hidden=\"true\" />\n                </button>\n              </div>\n\n              <!-- Links -->\n              <TabGroup as=\"div\" class=\"mt-2\">\n                <div class=\"border-b border-gray-200\">\n                  <TabList class=\"-mb-px flex space-x-8 px-4\">\n                    <Tab as=\"template\" v-for=\"category in navigation.categories\" :key=\"category.name\" v-slot=\"{ selected }\">\n                      <button :class=\"[selected ? 'border-indigo-600 text-indigo-600' : 'border-transparent text-gray-900', 'flex-1 whitespace-nowrap border-b-2 px-1 py-4 text-base font-medium']\">{{ category.name }}</button>\n                    </Tab>\n                  </TabList>\n                </div>\n                <TabPanels as=\"template\">\n                  <TabPanel v-for=\"category in navigation.categories\" :key=\"category.name\" class=\"space-y-12 px-4 py-6\">\n                    <div class=\"grid grid-cols-2 gap-x-4 gap-y-10\">\n                      <div v-for=\"item in category.featured\" :key=\"item.name\" class=\"group relative\">\n                        <div class=\"aspect-h-1 aspect-w-1 overflow-hidden rounded-md bg-gray-100 group-hover:opacity-75\">\n                          <img :src=\"item.imageSrc\" :alt=\"item.imageAlt\" class=\"object-cover object-center\" />\n                        </div>\n                        <a :href=\"item.href\" class=\"mt-6 block text-sm font-medium text-white\">\n                          <span class=\"absolute inset-0 z-10\" aria-hidden=\"true\" />\n                          {{ item.name }}\n                        </a>\n                        <p aria-hidden=\"true\" class=\"mt-1 text-sm text-gray-500\">Shop now</p>\n                      </div>\n                    </div>\n                  </TabPanel>\n                </TabPanels>\n              </TabGroup>\n\n              <div class=\"space-y-6 border-t border-gray-200 px-4 py-6\">\n                <div v-for=\"page in navigation.pages\" :key=\"page.name\" class=\"flow-root\">\n                  <a :href=\"page.href\" class=\"-m-2 block p-2 font-medium text-white\">{{ page.name }}</a>\n                </div>\n              </div>\n\n              <div class=\"space-y-6  px-4 py-6\">\n\n              </div>\n\n              <div class=\"space-y-6  px-4 py-6\">\n                <!-- Currency selector -->\n\n              </div>\n            </DialogPanel>\n          </TransitionChild>\n        </div>\n      </Dialog>\n    </TransitionRoot>\n\n    <!-- Hero section -->\n    <div class=\"relative bg-gray-900\">\n      <!-- Decorative image and overlay -->\n      <div aria-hidden=\"true\" class=\"absolute inset-0 overflow-hidden\">\n        <img src=\"@/assets/hero.jpg\" alt=\"\" class=\"h-full w-full object-cover object-center\" />\n      </div>\n      <div aria-hidden=\"true\" class=\"absolute inset-0 bg-gray-900 opacity-50\" />\n\n      <!-- Navigation -->\n      <header class=\"relative z-10\">\n        <nav aria-label=\"Top\">\n\n          <!-- Secondary navigation -->\n          <div class=\"bg-white bg-opacity-10 backdrop-blur-md backdrop-filter\">\n            <div class=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\">\n              <div>\n                <div class=\"flex h-16 items-center justify-between\">\n                  <!-- Logo (lg+) -->\n                  <div class=\"hidden lg:flex lg:flex-1 lg:items-center\">\n                    <a href=\"#\">\n                      <span class=\"sr-only\">Game On Cosham</span>\n                      <img class=\"h-8 w-auto\" src=\"@/assets/logotrans.png\" alt=\"Game on cosham\" />\n                    </a>\n                  </div>\n\n                  <div class=\"hidden h-full lg:flex\">\n                    <!-- Flyout menus -->\n                    <PopoverGroup class=\"inset-x-0 bottom-0 px-4\">\n                      <div class=\"flex h-full justify-center space-x-8\">\n                        <Popover v-for=\"category in navigation.categories\" :key=\"category.name\" class=\"flex\" v-slot=\"{ open }\">\n                          <div class=\"relative flex\">\n                            <PopoverButton class=\"relative z-10 flex items-center justify-center text-sm font-medium text-white transition-colors duration-200 ease-out\">\n                              {{ category.name }}\n                              <span :class=\"[open ? 'bg-white' : '', 'absolute inset-x-0 -bottom-px h-0.5 transition duration-200 ease-out']\" aria-hidden=\"true\" />\n                            </PopoverButton>\n                          </div>\n\n                          <transition enter-active-class=\"transition ease-out duration-200\" enter-from-class=\"opacity-0\" enter-to-class=\"opacity-100\" leave-active-class=\"transition ease-in duration-150\" leave-from-class=\"opacity-100\" leave-to-class=\"opacity-0\">\n                            <PopoverPanel class=\"absolute inset-x-0 top-full text-sm text-gray-500\">\n                              <!-- Presentational element used to render the bottom shadow, if we put the shadow on the actual panel it pokes out the top, so we use this shorter element to hide the top of the shadow -->\n                              <div class=\"absolute inset-0 top-1/2 bg-white shadow\" aria-hidden=\"true\" />\n\n                              <div class=\"relative bg-white\">\n                                <div class=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\">\n                                  <div class=\"grid grid-cols-4 gap-x-8 gap-y-10 py-16\">\n                                    <div v-for=\"item in category.featured\" :key=\"item.name\" class=\"group relative\">\n                                      <div class=\"aspect-h-1 aspect-w-1 overflow-hidden rounded-md bg-gray-100 group-hover:opacity-75\">\n                                        <img :src=\"item.imageSrc\" :alt=\"item.imageAlt\" class=\"object-cover object-center\" />\n                                      </div>\n                                      <a :href=\"item.href\" class=\"mt-4 block font-medium text-gray-900\">\n                                        <span class=\"absolute inset-0 z-10\" aria-hidden=\"true\" />\n                                        {{ item.name }}\n                                      </a>\n                                      <p aria-hidden=\"true\" class=\"mt-1\">Shop now</p>\n                                    </div>\n                                  </div>\n                                </div>\n                              </div>\n                            </PopoverPanel>\n                          </transition>\n                        </Popover>\n\n                        <a v-for=\"page in navigation.pages\" :key=\"page.name\" :href=\"page.href\" class=\"flex items-center text-sm font-medium text-white\">{{ page.name }}</a>\n                      </div>\n                    </PopoverGroup>\n                  </div>\n\n                  <!-- Mobile menu and search (lg-) -->\n                  <div class=\"flex flex-1 items-center lg:hidden\">\n                    <button type=\"button\" class=\"-ml-2 p-2 text-white\" @click=\"mobileMenuOpen = true\">\n                      <span class=\"sr-only\">Open menu</span>\n                      <Bars3Icon class=\"h-6 w-6\" aria-hidden=\"true\" />\n                    </button>\n\n                    <!-- Search -->\n                    <a href=\"#\" class=\"ml-2 p-2 text-white\">\n\n                    </a>\n                  </div>\n\n                  <!-- Logo (lg-) -->\n                  <a href=\"#\" class=\"lg:hidden\">\n                    <span class=\"sr-only\">Your Company</span>\n                    <img src=\"@/assets/logotrans.png\" alt=\"\" class=\"h-8 w-auto\" />\n                  </a>\n\n                  <div class=\"flex flex-1 items-center justify-end\">\n\n                    <div class=\"flex items-center lg:ml-8\">\n                      <!-- Help -->\n\n\n                      <!-- Cart -->\n                      <div class=\"flex ml-4 flow-root lg:ml-8 text-grey-300\">\n                        <div class=\"group -m-2 flex items-center p-2\">\n                          <phone-icon class=\"h-4 w-4 flex-shrink-0 text-white\" aria-hidden=\"true\"></phone-icon>\n                          <span class=\"text-gray-300\"> &nbsp;023 9238 3313</span>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </nav>\n      </header>\n\n      <div class=\"relative mx-auto flex max-w-3xl flex-col items-center px-6 py-32 text-center sm:py-32 lg:px-0\">\n        <img src=\"@/assets/logotrans.png\" alt=\"\">\n        <p class=\"mt-4 text-xl text-white\">\n          WeBuy WeSell WeTrade <br>\n          Games, Consoles, Accessories, Mobile Phones, Tablets, Laptops\n        </p>\n        <a href=\"https://www.ebay.co.uk/str/gameoncoham\" target=\"_blank\" class=\"mt-8 inline-block rounded-md border border-transparent bg-white px-8 py-3 text-base font-medium text-gray-900 hover:bg-gray-100\">Shop Our Ebay Store</a>\n      </div>\n    </div>\n\n    <main>\n      <!-- Featured section -->\n      <section aria-labelledby=\"social-impact-heading\" class=\"mx-auto max-w-7xl px-4 pt-24 sm:px-6 sm:pt-32 lg:px-8\">\n        <div class=\"relative overflow-hidden rounded-lg\">\n          <div class=\"absolute inset-0\">\n            <img src=\"@/assets/storefront.jpg\" alt=\"\" class=\"h-full w-full object-cover object-center\" />\n          </div>\n          <div class=\"relative bg-gray-900 bg-opacity-75 px-6 py-32 sm:px-12 sm:py-40 lg:px-16\">\n            <div class=\"relative mx-auto flex max-w-3xl flex-col items-center text-center\">\n              <h2 id=\"social-impact-heading\" class=\"text-3xl font-bold tracking-tight text-white sm:text-4xl\">\n                <span class=\"block sm:inline\">Visit Us Today </span>\n                <span class=\"block sm:inline\">and Let the Games Begin!</span>\n              </h2>\n              <p class=\"mt-3 text-xl text-white\">\n                Game On Cosham is not just a store – it's a portal to boundless excitement,\n                endless exploration, and unforgettable memories. Step into our realm of gaming\n                wonder and let the adventure unfold. Our friendly experts are here to guide you\n                on your gaming journey, helping you discover the latest releases, rare gems,\n                and thrilling experiences that await.\n              </p>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      <!-- Map Section -->\n      <section id=\"location\" aria-labelledby=\"category-heading\" class=\"pt-8 sm:pt-12 xl:mx-auto xl:max-w-7xl xl:px-8\">\n        <div class=\"px-4 sm:flex sm:items-center sm:justify-between sm:px-6 lg:px-8 xl:px-0\">\n          <h2 id=\"category-heading\" class=\"text-2xl font-bold tracking-tight text-gray-900\">Our Location</h2>\n        </div>\n      </section>\n      <section aria-labelledby=\"category-heading\" class=\"grid grid-cols-1 md:grid md:grid-cols-2 pt-24 sm:pt-8 xl:mx-auto xl:max-w-7xl xl:px-8\">\n        <div class=\"map-responsive ml-0 sm:ml-10\">\n          <iframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2519.1938164731014!2d-1.0664841!3d50.8460951!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487442d6081f1279%3A0xcf3c179d6250858f!2sGame%20On!5e0!3m2!1sen!2suk!4v1691331757326!5m2!1sen!2suk\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"></iframe>\n        </div>\n        <div class=\"mx-auto\">\n          <p class=\"text-xl font-bold\">Address</p>\n          <p>\n            Unit 1-2, Crown Buildings\n            High St\n            Portsmouth\n            PO6 3BU\n            UK\n          </p>\n\n          <p class=\"text-xl font-bold pt-8 pb-2\">Opening Hours</p>\n          <ul class=\"justify-self-start\">\n            <li>Mon:\t9:00am - 5:30pm</li>\n            <li>Tue:\t9:00am - 5:30pm</li>\n            <li>Wed:\t9:00am - 5:30pm</li>\n            <li>Thu:\t9:00am - 5:30pm</li>\n            <li>Fri:\t9:00am - 5:30pm</li>\n            <li>Sat:\t9:00am - 5:30pm</li>\n            <li>Sun:\t10:00am - 4:00pm</li>\n          </ul>\n\n        </div>\n      </section>\n\n      <!-- gallery section -->\n      <section id=\"gallery\" aria-labelledby=\"category-heading\" class=\"pt-8 sm:pt-12 xl:mx-auto xl:max-w-7xl xl:px-8\">\n        <div class=\"px-4 sm:flex sm:items-center sm:justify-between sm:px-6 lg:px-8 xl:px-0\">\n          <h2 id=\"category-heading\" class=\"text-2xl font-bold tracking-tight text-gray-900\">Our Gallery</h2>\n        </div>\n      </section>\n      <section aria-labelledby=\"social-impact-heading\" class=\"mx-auto max-w-7xl  pt-8 pb-8 sm:px-6\">\n        <div class=\"bg-white\">\n          <div class=\"mx-auto max-w-2xl px-4  sm:px-6 lg:max-w-7xl lg:px-8\">\n            <div class=\"mt-6 grid grid-cols-1 gap-x-6 gap-y-10 sm:grid-cols-2 lg:grid-cols-3 xl:gap-x-8\">\n              <div  class=\"group relative\">\n                <div class=\"aspect-h-1 aspect-w-1 w-full overflow-hidden rounded-md bg-gray-200 lg:aspect-none lg:h-80\">\n                  <img src=\"../assets/gallery/1.jpg\" class=\"h-full w-full object-cover object-center lg:h-full lg:w-full\" />\n                </div>\n              </div>\n              <div  class=\"group relative\">\n                <div class=\"aspect-h-1 aspect-w-1 w-full overflow-hidden rounded-md bg-gray-200 lg:aspect-none lg:h-80\">\n                  <img src=\"../assets/gallery/2.jpg\" class=\"h-full w-full object-cover object-center lg:h-full lg:w-full\" />\n                </div>\n              </div>\n              <div  class=\"group relative\">\n                <div class=\"aspect-h-1 aspect-w-1 w-full overflow-hidden rounded-md bg-gray-200 lg:aspect-none lg:h-80\">\n                  <img src=\"../assets/gallery/3.jpg\" class=\"h-full w-full object-cover object-center lg:h-full lg:w-full\" />\n                </div>\n              </div>\n              <div  class=\"group relative\">\n                <div class=\"aspect-h-1 aspect-w-1 w-full overflow-hidden rounded-md bg-gray-200 lg:aspect-none lg:h-80\">\n                  <img src=\"../assets/gallery/4.jpg\" class=\"h-full w-full object-cover object-center lg:h-full lg:w-full\" />\n                </div>\n              </div>\n              <div  class=\"group relative\">\n                <div class=\"aspect-h-1 aspect-w-1 w-full overflow-hidden rounded-md bg-gray-200 lg:aspect-none lg:h-80\">\n                  <img src=\"../assets/gallery/5.jpg\" class=\"h-full w-full object-cover object-center lg:h-full lg:w-full\" />\n                </div>\n              </div>\n              <div  class=\"group relative\">\n                <div class=\"aspect-h-1 aspect-w-1 w-full overflow-hidden rounded-md bg-gray-200 lg:aspect-none lg:h-80\">\n                  <img src=\"../assets/gallery/6.jpg\" class=\"h-full w-full object-cover object-center lg:h-full lg:w-full\" />\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      <section aria-labelledby=\"social-impact-heading\" class=\"mx-auto max-w-7xl px-4 pt-24 sm:px-6 sm:pt-32 lg:px-8\">\n        <div class=\"relative overflow-hidden rounded-lg\">\n          <div class=\"absolute inset-0\">\n            <img src=\"@/assets/storefront.jpg\" alt=\"\" class=\"h-full w-full object-cover object-center\" />\n          </div>\n          <div class=\"relative bg-gray-900 bg-opacity-75 px-6 py-32 sm:px-12 sm:py-40 lg:px-16\">\n            <div class=\"relative mx-auto flex max-w-3xl flex-col items-center text-center\">\n              <h2 id=\"social-impact-heading\" class=\"text-3xl font-bold tracking-tight text-white sm:text-4xl\">\n                <span class=\"block sm:inline\">Buy, Sell, Trade  </span>\n                <span class=\"block sm:inline\">– Power Up Your Collection!</span>\n              </h2>\n              <p class=\"mt-3 text-xl text-white\">\n                Cash in on your gaming victories! Turn your pre-loved consoles and games into\n                a virtual goldmine. Our expert team offers top-dollar trade-in values and fair\n                deals that will leave you cheering. Upgrade to the newest console,\n                snag limited-edition releases,\n                or indulge in a gaming marathon with friends – the choice is yours!\n              </p>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      <!-- Testimonials -->\n      <div id=\"testimonials\" class=\"flex\">\n        <section class=\"bg-white px-6 py-24 sm:py-32 lg:px-8\">\n          <figure class=\"mx-auto max-w-2xl\">\n            <p class=\"sr-only\">5 out of 5 stars</p>\n            <div class=\"flex gap-x-1 text-indigo-600\">\n              <StarIcon class=\"h-5 w-5 flex-none\" aria-hidden=\"true\" />\n              <StarIcon class=\"h-5 w-5 flex-none\" aria-hidden=\"true\" />\n              <StarIcon class=\"h-5 w-5 flex-none\" aria-hidden=\"true\" />\n              <StarIcon class=\"h-5 w-5 flex-none\" aria-hidden=\"true\" />\n              <StarIcon class=\"h-5 w-5 flex-none\" aria-hidden=\"true\" />\n            </div>\n            <blockquote class=\"mt-10 text-xl font-semibold leading-8 tracking-tight text-gray-900 sm:text-2xl sm:leading-9\">\n              <p>“They take in any kind of geek memboria not just games. Staff are very friendly and offer way better prices\n                than cex. I take the bus down to here as it is worth. Got 65 quid for only a handful of games. Trade your\n                stuff in here. Good for a bit of extra cash.”</p>\n            </blockquote>\n            <figcaption class=\"mt-10 flex items-center gap-x-6\">\n              <img class=\"h-12 w-12 rounded-full bg-gray-50\" src=\"@/assets/icon.jpeg\" alt=\"\" />              <div class=\"text-sm leading-6\">\n                <div class=\"font-semibold text-gray-900\">Emma G</div>\n                <div class=\"mt-0.5 text-gray-600\">2 months ago</div>\n              </div>\n            </figcaption>\n          </figure>\n        </section>\n        <section class=\"bg-white px-6 py-24 sm:py-32 lg:px-8\">\n          <figure class=\"mx-auto max-w-2xl\">\n            <p class=\"sr-only\">5 out of 5 stars</p>\n            <div class=\"flex gap-x-1 text-indigo-600\">\n              <StarIcon class=\"h-5 w-5 flex-none\" aria-hidden=\"true\" />\n              <StarIcon class=\"h-5 w-5 flex-none\" aria-hidden=\"true\" />\n              <StarIcon class=\"h-5 w-5 flex-none\" aria-hidden=\"true\" />\n              <StarIcon class=\"h-5 w-5 flex-none\" aria-hidden=\"true\" />\n              <StarIcon class=\"h-5 w-5 flex-none\" aria-hidden=\"true\" />\n            </div>\n            <blockquote class=\"mt-10 text-xl font-semibold leading-8 tracking-tight text-gray-900 sm:text-2xl sm:leading-9\">\n              <p>“Really enjoyed visiting this shop again after nearly 7 years. Still has great customer service, amazing\n                product range and super prices. Well done fellas. Will be back again soon and already recommending that\n                friends make the trip over to check the shop out.”</p>\n            </blockquote>\n            <figcaption class=\"mt-10 flex items-center gap-x-6\">\n              <img class=\"h-12 w-12 rounded-full bg-gray-50\" src=\"@/assets/icon.jpeg\" alt=\"\" />\n              <div class=\"text-sm leading-6\">\n                <div class=\"font-semibold text-gray-900\">Jon P</div>\n                <div class=\"mt-0.5 text-gray-600\">a year Ago</div>\n              </div>\n            </figcaption>\n          </figure>\n        </section>\n      </div>\n\n    </main>\n\n    <footer aria-labelledby=\"footer-heading\" class=\"bg-gray-900\">\n      <h2 id=\"footer-heading\" class=\"sr-only\">Footer</h2>\n      <div class=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\">\n        <div class=\"py-20 xl:grid xl:grid-cols-3 xl:gap-8\">\n          <div class=\"grid grid-cols-2 gap-8 xl:col-span-2\">\n            <div class=\"space-y-12 md:grid md:grid-cols-2 md:gap-8 md:space-y-0\">\n              <div>\n                <h3 class=\"text-sm font-medium text-white\">Connect</h3>\n                <ul role=\"list\" class=\"mt-6 space-y-6\">\n                  <li v-for=\"item in footerNavigation.connect\" :key=\"item.name\" class=\"text-sm\">\n                    <a :href=\"item.href\" class=\"text-gray-300 hover:text-white\">{{ item.name }}</a>\n                  </li>\n                </ul>\n              </div>\n              <div>\n                <h3 class=\"text-sm font-medium text-white\">Opening Hours</h3>\n                <ul class=\"justify-self-start text-gray-300 pt-4\">\n                  <li>Mon:\t9:00am - 5:30pm</li>\n                  <li>Tue:\t9:00am - 5:30pm</li>\n                  <li>Wed:\t9:00am - 5:30pm</li>\n                  <li>Thu:\t9:00am - 5:30pm</li>\n                  <li>Fri:\t9:00am - 5:30pm</li>\n                  <li>Sat:\t9:00am - 5:30pm</li>\n                  <li>Sun:\t10:00am - 4:00pm</li>\n                </ul>\n              </div>\n            </div>\n            <div class=\"space-y-12 md:grid md:grid-cols-1 md:gap-8 md:space-y-0\">\n              <img src=\"@/assets/logotrans.png\" class=\"w-full mx-auto\"/>            </div>\n          </div>\n          <div class=\"mt-12 md:mt-16 xl:mt-0\">\n            <a href=\"https://www.ebay.co.uk/str/gameoncoham\" target=\"_blank\" class=\"mt-8 inline-block rounded-md border border-transparent bg-white px-8 py-3 text-base font-medium text-gray-900 hover:bg-gray-100\">Shop Our Ebay Store</a>\n          </div>\n        </div>\n\n        <div class=\"border-t border-gray-800 py-10\">\n          <p class=\"text-sm text-gray-400\">Copyright &copy; {{d.getFullYear()}} Game On Cosham.</p>\n        </div>\n      </div>\n    </footer>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue'\nimport {\n  Dialog,\n  DialogPanel,\n  Popover,\n  PopoverButton,\n  PopoverGroup,\n  PopoverPanel,\n  Tab,\n  TabGroup,\n  TabList,\n  TabPanel,\n  TabPanels,\n  TransitionChild,\n  TransitionRoot,\n} from '@headlessui/vue'\nimport {\n  Bars3Icon,\n  MagnifyingGlassIcon,\n  QuestionMarkCircleIcon,\n  ShoppingBagIcon,\n  XMarkIcon,\n} from '@heroicons/vue/24/outline'\nimport { ChevronDownIcon } from '@heroicons/vue/20/solid'\nimport { StarIcon, PhoneIcon } from '@heroicons/vue/20/solid'\nconst navigation = {\n  pages: [\n\n    { name: 'Location', href: '#location' },\n    { name: 'Testimonials', href: '#testimonials'},\n    { name: 'Gallery', href: '#gallery'},\n  ],\n}\n\nconst footerNavigation = {\n  connect: [\n    { name: 'Contact Us', href: '#location' },\n    { name: 'Facebook', href: 'https://www.facebook.com/gameoncosham' },\n    { name: 'Instagram', href: 'https://www.instagram.com/gameoncosham/?hl=en' },\n  ],\n}\nconst d = new Date();\nconst mobileMenuOpen = ref(false)\n</script>\n<style>\n.map-responsive{\n\n  overflow:hidden;\n\n  padding-bottom:56.25%;\n\n  position:relative;\n\n  height:0;\n\n}\n\n.map-responsive iframe{\n\n  left:0;\n\n  top:0;\n\n  height:100%;\n\n  width:100%;\n\n  position:absolute;\n\n}\n</style>","import script from \"./HomeView.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./HomeView.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./HomeView.vue?vue&type=style&index=0&id=01fa0de6&lang=css\"\n\nconst __exports__ = script;\n\nexport default __exports__","import { createRouter, createWebHistory } from 'vue-router'\nimport HomeView from '../views/HomeView.vue'\n\nconst routes = [\n  {\n    path: '/',\n    name: 'home',\n    component: HomeView\n  },\n]\n\nconst router = createRouter({\n  history: createWebHistory(process.env.BASE_URL),\n  routes\n})\n\nexport default router\n","import { createApp } from 'vue'\nimport App from './App.vue'\nimport router from './router'\nimport './assets/tailwind.css'\n\ncreateApp(App).use(router).mount('#app')\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","__webpack_require__.p = \"/\";","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t143: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkgame_on_cosham\"] = self[\"webpackChunkgame_on_cosham\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [998], function() { return __webpack_require__(6802); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["_createBlock","_component_router_view","script","__exports__","render","navigation","pages","name","href","footerNavigation","connect","d","Date","mobileMenuOpen","ref","routes","path","component","HomeView","router","createRouter","history","createWebHistory","process","createApp","App","use","mount","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","__webpack_modules__","call","m","deferred","O","result","chunkIds","fn","priority","notFulfilled","Infinity","i","length","fulfilled","j","Object","keys","every","key","splice","r","n","getter","__esModule","a","definition","o","defineProperty","enumerable","get","g","globalThis","this","Function","e","window","obj","prop","prototype","hasOwnProperty","p","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","data","moreModules","runtime","some","id","chunkLoadingGlobal","self","forEach","bind","push","__webpack_exports__"],"sourceRoot":""}