{"version":3,"mappings":"6sFAOA,MAAAA,EAAAC,EAAA,iNACAC,EAAAD,EAAA,+IACAE,EAAAF,EAAA,iKACAG,EAAAH,EAAA,IAAAI,EAAA,2IAEAC,EAAAC,EA2BAC,EAAAC,EAAA,EACAC,EAAAC,GAAA,SACAC,EAAAC,GAAA,IAAAC,GACAJ,EAAAI,CAAA,SAAAN,EAAA,yBACA,EAGAO,EAAAC,EAAA,MACAC,EAAAD,EAAA,IAEA,MAAAE,CAAA,EAAAC,GAAAJ,EAAA,kBAAAK,CAAA,GAAAC,IAAA,CACAJ,EAAA,MAAAG,EACAA,GAAAF,EAAA,CACA,GAEAI,EAAAN,EAAAO,GAAA,EAEAC,GACA,IAAAlB,EAAA,eACA,CAAAmB,EAAAC,IAAA,CAEAJ,EAAA,MAAAC,EAAA,CACA,CACA,EAEA,MAAAI,EAAA,CACA,IACA,KAAAC,EAAAtB,EAAA,iCAAAuB,EAAA,iBAAAvB,EAAA,0DACA,KAAAsB,EAAAtB,EAAA,mBACA,gBAAAuB,EAAA,QACA,WAAAvB,EAAA,4BACA,wBACA,KACA,EACA,IACA,KAAAsB,EAAAtB,EAAA,iCAAAuB,EAAA,iBAAAvB,EAAA,0DACA,KAAAsB,EAAAtB,EAAA,mBACA,gBAAAuB,EAAA,QACA,WAAAvB,EAAA,4BACA,wBACA,KACA,CACA,EAGAwB,EAAA,CACA,mGAAAxB,EAAA,gBACA,+EAAAA,EAAA,eACA,qFAAAA,EAAA,qBACA,kFAAAA,EAAA,cACA,qGAAAyB,EAAAzB,EAAA,mCAAAyB,EAAA,kBACA,sFAAAzB,EAAA,eACA,4FAAAA,EAAA,qBACA,wGAAAA,EAAA,gBACA,sFAAAsB,EAAAtB,EAAA,iCAAAuB,EAAA,qCACA,0FAAAvB,EAAA,0BACA,iGACA,mGACA","names":["breadcrumb","defineAsyncComponent","premiumTeaser","trialExpirationMessage","textLabel","__vitePreload","props","__props","appStore","useAppStore","dayjs","inject","publishedAt","computed","date","target","ref","targetIsVisible","stop","useIntersectionObserver","isIntersecting","observerElement","render","uuid","watch","newVal","oldVal","articleImg","thumbor","ratio16by9","pageMeta","_a"],"sources":["../../../resources/js/Frontend/Pages/Article/Index.vue"],"sourcesContent":["<script setup>\nimport { Head, Link } from '@inertiajs/vue3'\nimport { capitalize, openDialogById, ratio16by9, uuid } from '@/helpers'\nimport { thumbor } from '@/Frontend/plugins/thumbor/thumbor'\nimport { useIntersectionObserver } from '@vueuse/core'\nimport slugify from '@sindresorhus/slugify'\n\nconst breadcrumb = defineAsyncComponent(() => import('@components/Breadcrumb.vue'))\nconst premiumTeaser = defineAsyncComponent(() => import('@components/PremiumTeaser.vue'))\nconst trialExpirationMessage = defineAsyncComponent(() => import('@components/TrialExpirationMessage.vue'))\nconst textLabel = defineAsyncComponent(() => import('@/Frontend/plugins/theme/components/labels/LabelTextLabel.vue'))\n\nconst props = defineProps({\n\tarticle: {\n\t\ttype: Object,\n\t\tdefault: () => {},\n\t},\n\tlatestArticles: {\n\t\ttype: Object,\n\t\tdefault: () => {},\n\t},\n\trelatedArticles: {\n\t\ttype: Object,\n\t\tdefault: () => {},\n\t},\n\trestaurantArticles: {\n\t\ttype: Object,\n\t\tdefault: () => {},\n\t},\n\trestaurant: {\n\t\ttype: Object,\n\t\tdefault: null,\n\t},\n\tperson: {\n\t\ttype: Object,\n\t\tdefault: null,\n\t},\n})\n\nconst appStore = useAppStore()\nconst dayjs = inject('dayjs')\nconst publishedAt = computed(() => date => {\n\treturn dayjs(date).locale(appStore.i18n).format(\"D MMM 'YY\")\n})\n\n// Observer for avoiding big DOM size\nconst target = ref(null)\nconst targetIsVisible = ref(false)\n\nconst { stop } = useIntersectionObserver(target, ([{ isIntersecting }], observerElement) => {\n\ttargetIsVisible.value = isIntersecting\n\tif (isIntersecting) stop()\n})\n\nconst render = ref(uuid())\n// Watch for content changes i.e. after login\nwatch(\n\t() => props.article.render,\n\t(newVal, oldVal) => {\n\t\t// console.log('changed!!')\n\t\trender.value = uuid()\n\t}\n)\n\nconst articleImg = {\n\tsm: {\n\t\tdpr1: thumbor(props.article.thumbnail).dimension(500, ratio16by9(500)).cropPreset(props.article.thumbnail_cropping).filters('format(webp)').url(),\n\t\tdpr2: thumbor(props.article.thumbnail)\n\t\t\t.dimension(500 * 2, ratio16by9(500) * 2)\n\t\t\t.cropPreset(props.article.thumbnail_cropping)\n\t\t\t.filters('format(webp)')\n\t\t\t.url(),\n\t},\n\tmd: {\n\t\tdpr1: thumbor(props.article.thumbnail).dimension(900, ratio16by9(900)).cropPreset(props.article.thumbnail_cropping).filters('format(webp)').url(),\n\t\tdpr2: thumbor(props.article.thumbnail)\n\t\t\t.dimension(900 * 2, ratio16by9(900) * 2)\n\t\t\t.cropPreset(props.article.thumbnail_cropping)\n\t\t\t.filters('format(webp)')\n\t\t\t.url(),\n\t},\n}\n\n// Add SEO\nconst pageMeta = [\n\t{ tag: 'link', tagItem: 'rel', tagValue: 'canonical', contentItem: 'href', contentValue: `https://lekker.nl${props.article.slug}` },\n\t{ tag: 'meta', tagItem: 'name', tagValue: 'title', contentItem: 'content', contentValue: props.article.title },\n\t{ tag: 'meta', tagItem: 'name', tagValue: 'description', contentItem: 'content', contentValue: props.article.description },\n\t{ tag: 'meta', tagItem: 'name', tagValue: 'keywords', contentItem: 'content', contentValue: props.article.tags },\n\t{ tag: 'meta', tagItem: 'property', tagValue: 'article:published_time', contentItem: 'content', contentValue: props.article.published_at?.replace(' ', 'T') },\n\t{ tag: 'meta', tagItem: 'property', tagValue: 'og:title', contentItem: 'content', contentValue: props.article.title },\n\t{ tag: 'meta', tagItem: 'property', tagValue: 'og:description', contentItem: 'content', contentValue: props.article.description },\n\t{ tag: 'meta', tagItem: 'property', tagValue: 'og:url', contentItem: 'content', contentValue: `https://lekker.nl${props.article.slug}` },\n\t{ tag: 'meta', tagItem: 'property', tagValue: 'og:image', contentItem: 'content', contentValue: thumbor(props.article.thumbnail).dimension(900, ratio16by9(900)).filters('format(webp)').url() },\n\t{ tag: 'meta', tagItem: 'name', tagValue: 'twitter:title', contentItem: 'content', contentValue: `${props.article.title} - Lekker` },\n\t{ tag: 'meta', tagItem: 'name', tagValue: 'twitter:card', contentItem: 'content', contentValue: 'summary' },\n\t{ tag: 'meta', tagItem: 'name', tagValue: 'twitter:site', contentItem: 'content', contentValue: '@lekker500' },\n]\n</script>\n\n<template>\n\t<Head>\n\t\t<title>{{ article.title }}</title>\n\t\t<link\n\t\t\trel=\"preload\"\n\t\t\tas=\"image\"\n\t\t\t:href=\"articleImg.sm.dpr1\"\n\t\t\t:imagesrcset=\"`${articleImg.sm.dpr1} 1x, ${articleImg.sm.dpr2} 2x`\"\n\t\t\t:media=\"`max-width: ${appStore.breakpoints['sm']}px`\"\n\t\t\ttype=\"image/webp\"\n\t\t\tfetchpriority=\"high\"\n\t\t/>\n\t\t<link\n\t\t\trel=\"preload\"\n\t\t\tas=\"image\"\n\t\t\t:href=\"articleImg.md.dpr1\"\n\t\t\t:imagesrcset=\"`${articleImg.md.dpr1} 1x, ${articleImg.md.dpr2} 2x`\"\n\t\t\t:media=\"`min-width: ${appStore.breakpoints['sm'] + 1}px`\"\n\t\t\ttype=\"image/webp\"\n\t\t\tfetchpriority=\"high\"\n\t\t/>\n\t\t<component\n\t\t\t:is=\"`${meta.tag}`\"\n\t\t\tv-for=\"(meta, metaIndex) in pageMeta\"\n\t\t\t:key=\"`pagemeta-${metaIndex}`\"\n\t\t\t:[meta.tagItem]=\"meta.tagValue\"\n\t\t\t:[meta.contentItem]=\"meta.contentValue\"\n\t\t/>\n\n\t\t<component\n\t\t\t:is=\"`script`\"\n\t\t\ttype=\"application/ld+json\"\n\t\t>\n\t\t\t{{ article.schema }}\n\t\t</component>\n\t</Head>\n\n\t<main>\n\t\t<article\n\t\t\tclass=\"post\"\n\t\t\t:data-article-id=\"article.id\"\n\t\t>\n\t\t\t<header class=\"container-xxl main-wrapper mt-4\">\n\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t\t<div class=\"col-xl-6\">\n\t\t\t\t\t\t<client-only>\n\t\t\t\t\t\t\t<breadcrumb\n\t\t\t\t\t\t\t\t:nav-items=\"[\n\t\t\t\t\t\t\t\t\t{ label: 'Home', route: '/' },\n\t\t\t\t\t\t\t\t\t{ label: article.main_category.name, route: `/${article.main_category.slug}` },\n\t\t\t\t\t\t\t\t]\"\n\t\t\t\t\t\t\t\t:current=\"article.title\"\n\t\t\t\t\t\t\t\tclass=\"mb-3\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</client-only>\n\t\t\t\t\t\t<text-label\n\t\t\t\t\t\t\tv-if=\"article.spotlight\"\n\t\t\t\t\t\t\tclass=\"mb-3\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<text-label\n\t\t\t\t\t\t\tv-if=\"article.premium === 2\"\n\t\t\t\t\t\t\tsize=\"md\"\n\t\t\t\t\t\t\tclass=\"mb-3\"\n\t\t\t\t\t\t\t:text=\"$t('Premium')\"\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<h1 class=\"h2 ff-serif hyphen lh-1\">{{ article.title }}</h1>\n\t\t\t\t\t\t<p class=\"text-neutral-800\">\n\t\t\t\t\t\t\t<time :datetime=\"article.published_at\">{{ publishedAt(article.published_at) }}</time>\n\t\t\t\t\t\t\t<i class=\"str-diamond mx-1\" />\n\t\t\t\t\t\t\t<span>{{ article.main_category?.name }}</span>\n\t\t\t\t\t\t\t<i class=\"str-diamond mx-1\" />\n\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\tv-if=\"article.editor_details\"\n\t\t\t\t\t\t\t\t:href=\"route('author', { id: article.editor_details.id, slug: article.editor_details.slug })\"\n\t\t\t\t\t\t\t\tclass=\"text-reset\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{{ article.editor }}\n\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t<span v-else-if=\"article.editor\">\n\t\t\t\t\t\t\t\t{{ article.editor }}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<p class=\"lead\">{{ article.description }}</p>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</header>\n\t\t\t<section class=\"container-xxl main-wrapper\">\n\t\t\t\t<div class=\"row my-3 my-lg-4\">\n\t\t\t\t\t<div class=\"col\">\n\t\t\t\t\t\t<figure\n\t\t\t\t\t\t\tclass=\"figure post-main-img d-block mx-n4 mx-lg-auto rounded bg-neutral-300\"\n\t\t\t\t\t\t\tstyle=\"aspect-ratio: 16 / 9\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<picture class=\"picture\">\n\t\t\t\t\t\t\t\t<source\n\t\t\t\t\t\t\t\t\t:srcset=\"`${articleImg.sm.dpr1} 1x, ${articleImg.sm.dpr2} 2x`\"\n\t\t\t\t\t\t\t\t\t:media=\"`(max-width: ${appStore.breakpoints['sm']}px)`\"\n\t\t\t\t\t\t\t\t\ttype=\"image/webp\"\n\t\t\t\t\t\t\t\t\twidth=\"500\"\n\t\t\t\t\t\t\t\t\t:height=\"ratio16by9(500)\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<source\n\t\t\t\t\t\t\t\t\t:srcset=\"`${articleImg.md.dpr1} 1x, ${articleImg.md.dpr2} 2x`\"\n\t\t\t\t\t\t\t\t\t:media=\"`(min-width: ${appStore.breakpoints['sm'] + 1}px)`\"\n\t\t\t\t\t\t\t\t\ttype=\"image/webp\"\n\t\t\t\t\t\t\t\t\twidth=\"900\"\n\t\t\t\t\t\t\t\t\t:height=\"ratio16by9(900)\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t:src=\"articleImg.md.dpr1\"\n\t\t\t\t\t\t\t\t\t:alt=\"article.thumbnail_alt ?? ''\"\n\t\t\t\t\t\t\t\t\tclass=\"img-fluid bg-neutral-300 rounded-xl w-xl-auto\"\n\t\t\t\t\t\t\t\t\twidth=\"900\"\n\t\t\t\t\t\t\t\t\t:height=\"ratio16by9(900)\"\n\t\t\t\t\t\t\t\t\tstyle=\"min-width: 100%\"\n\t\t\t\t\t\t\t\t\tfetchpriority=\"high\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</picture>\n\t\t\t\t\t\t</figure>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-if=\"article.content\"\n\t\t\t\t\t\t:key=\"render\"\n\t\t\t\t\t\tv-html-raw=\"article.content\"\n\t\t\t\t\t\tclass=\"post-contents col-xl-6\"\n\t\t\t\t\t\t:class=\"[article.show_premium_offer ? 'hidden-content-bottom-body' : null]\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t<div\n\t\t\t\t\tv-if=\"article.show_premium_offer\"\n\t\t\t\t\tclass=\"row justify-content-center\"\n\t\t\t\t>\n\t\t\t\t\t<div class=\"col-xl-6\">\n\t\t\t\t\t\t<premium-teaser v-if=\"article.show_premium_offer\">\n\t\t\t\t\t\t\t<template #left>\n\t\t\t\t\t\t\t\t<div class=\"h4\">Dit is een premium artikel</div>\n\t\t\t\t\t\t\t\t<auth-check>\n\t\t\t\t\t\t\t\t\t<template #auth=\"{ user }\">\n\t\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\t\tv-if=\"!user.trial_ends_at\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"mb-0\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\tWilt u meer lezen? Koop dan de gids of verzilver de krascode die daarbij is meegeleverd.\n\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\t\tv-else-if=\"user.trial_ends_within_a_week\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"mb-0\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\tUw gratis proefperiode digitale toegang zal {{ user.trial_ends_at }} verlopen. Verleng om verder te kunnen lezen.\n\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\t\tv-else-if=\"user.trial_expired\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"mb-0\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\tUw gratis proefperiode is verlopen. Verleng om verder te kunnen lezen.\n\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t\t\t<p class=\"mb-0\">Wilt u meer lezen? Log dan in of koop de gids.</p>\n\t\t\t\t\t\t\t\t</auth-check>\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t<template #right>\n\t\t\t\t\t\t\t\t<auth-check>\n\t\t\t\t\t\t\t\t\t<template #auth=\"{ user }\">\n\t\t\t\t\t\t\t\t\t\t<div v-if=\"!user.trial_ends_at\">\n\t\t\t\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t:href=\"route('coupon.index')\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"btn btn-white fw-bold fw-bold w-100 mt-1\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\tIk heb een krascode\n\t\t\t\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"btn btn-theme-500 fw-bold w-100 mt-1\"\n\t\t\t\t\t\t\t\t\t\t\t\t:href=\"route('order')\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\tBestellen\n\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"str-arrow-right ms-1\" />\n\t\t\t\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div v-if=\"user.trial_expired || user.trial_ends_within_a_week\">\n\t\t\t\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"btn btn-outline-neutral-900 fw-bold w-100 mt-1\"\n\t\t\t\t\t\t\t\t\t\t\t\t:href=\"route('digital.extend')\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\tVerlengen\n\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"str-arrow-right ms-1\" />\n\t\t\t\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<!-- <pre>{{ user }}</pre> -->\n\t\t\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\t\t\t\thref=\"javascript:void(0);\"\n\t\t\t\t\t\t\t\t\t\tclass=\"btn btn-outline-neutral-900 fw-bold w-100\"\n\t\t\t\t\t\t\t\t\t\t@click=\"openDialogById('login-modal-dialog')\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{{ $t('Login') }}\n\t\t\t\t\t\t\t\t\t</a>\n\n\t\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\t\t\t\t:href=\"route('coupon.index')\"\n\t\t\t\t\t\t\t\t\t\tclass=\"btn btn-white fw-bold fw-bold w-100 mt-1\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tIk heb een krascode\n\t\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\t\tclass=\"btn btn-theme-500 fw-bold w-100 mt-1\"\n\t\t\t\t\t\t\t\t\t\t:href=\"route('order')\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tGids bestellen\n\t\t\t\t\t\t\t\t\t\t<i class=\"str-arrow-right ms-1\" />\n\t\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t\t</auth-check>\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t</premium-teaser>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<auth-check>\n\t\t\t\t\t<template #auth=\"{ user }\">\n\t\t\t\t\t\t<trial-expiration-message\n\t\t\t\t\t\t\tv-if=\"!article.show_premium_offer\"\n\t\t\t\t\t\t\t:user=\"user\"\n\t\t\t\t\t\t\tstyle=\"max-width: 640px; width: 100%\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</template>\n\t\t\t\t</auth-check>\n\t\t\t</section>\n\t\t\t<footer>\n\t\t\t\t<div class=\"container-xxl main-wrapper\">\n\t\t\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t\t\t<div class=\"col-xl-6\">\n\t\t\t\t\t\t\t<hr />\n\t\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t\t<span v-if=\"article.credit\">\n\t\t\t\t\t\t\t\t\t<div class=\"h5 col-12\">\n\t\t\t\t\t\t\t\t\t\t{{ $t('Credits') }}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div class=\"col-12\">\n\t\t\t\t\t\t\t\t\t\t{{ article.credit }}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<hr />\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tv-if=\"article.tags\"\n\t\t\t\t\t\t\t\t\tclass=\"col-md-6\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ $t('Tags') }}\n\n\t\t\t\t\t\t\t\t\t<ul class=\"list-unstyled d-flex flex-wrap flex-md-column gap-1 gap-md-2 mt-2\">\n\t\t\t\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\t\t\t\tv-for=\"tag in article.tags.split(',')\"\n\t\t\t\t\t\t\t\t\t\t\t:key=\"`tag-${tag}`\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<Link :href=\"route('tags', { slug: slugify(tag, { lowercase: false, customReplacements: [['&', 'en']] }) })\">\n\t\t\t\t\t\t\t\t\t\t\t\t<theme-property-badge hover>{{ capitalize(tag) }}</theme-property-badge>\n\t\t\t\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t\t\t\t\t<div v-if=\"article.photography\">\n\t\t\t\t\t\t\t\t\t\t{{ $t('Photography') }}\n\t\t\t\t\t\t\t\t\t\t<ul class=\"list-unstyled d-flex flex-wrap flex-md-column gap-1 gap-md-2 mt-2\">\n\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t\t\t<theme-property-badge>{{ article.photography }}</theme-property-badge>\n\t\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div v-if=\"article.video\">\n\t\t\t\t\t\t\t\t\t\t{{ $t('Video') }}\n\t\t\t\t\t\t\t\t\t\t<ul class=\"list-unstyled d-flex flex-wrap flex-md-column gap-1 gap-md-2 mt-2\">\n\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t\t\t<theme-property-badge>{{ article.video }}</theme-property-badge>\n\t\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</footer>\n\t\t</article>\n\t</main>\n\n\t<div ref=\"target\"></div>\n\n\t<aside\n\t\tv-if=\"targetIsVisible\"\n\t\tclass=\"py-3 py-md-5 bg-neutral-200 mt-3\"\n\t>\n\t\t<div class=\"container-xxl main-wrapper\">\n\t\t\t<div\n\t\t\t\tv-if=\"restaurant\"\n\t\t\t\tclass=\"row justify-content-center mb-4\"\n\t\t\t>\n\t\t\t\t<div class=\"col-sm-8 col-md-6 col-lg-4\">\n\t\t\t\t\t<theme-card-restaurant :item=\"restaurant\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div class=\"row justify-content-center\">\n\t\t\t\t<div\n\t\t\t\t\tv-if=\"restaurantArticles.length > 0\"\n\t\t\t\t\tclass=\"col-xl-8 mb-3\"\n\t\t\t\t>\n\t\t\t\t\t<theme-base-swiper\n\t\t\t\t\t\tv-slot=\"slotProps\"\n\t\t\t\t\t\ttag=\"section\"\n\t\t\t\t\t\t:title=\"$t('More about :restaurant', { restaurant: restaurant.name })\"\n\t\t\t\t\t\t:items=\"restaurantArticles\"\n\t\t\t\t\t\t:columns=\"{\n\t\t\t\t\t\t\txs: 6,\n\t\t\t\t\t\t\tmd: 4,\n\t\t\t\t\t\t\tlg: 4,\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\turl=\"/nieuws\"\n\t\t\t\t\t\tinline\n\t\t\t\t\t>\n\t\t\t\t\t\t<theme-card-plain\n\t\t\t\t\t\t\ttag=\"article\"\n\t\t\t\t\t\t\t:item=\"slotProps.item\"\n\t\t\t\t\t\t\tstyle=\"--card-aspect-ratio: 1 / 0.75\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<template #img=\"{ meta }\">\n\t\t\t\t\t\t\t\t<thumbor-image\n\t\t\t\t\t\t\t\t\t:use=\"['sm', 'md']\"\n\t\t\t\t\t\t\t\t\t:dimensions=\"{\n\t\t\t\t\t\t\t\t\t\tsm: [220, 165],\n\t\t\t\t\t\t\t\t\t\tmd: [275, 205],\n\t\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t\t:img=\"meta.imgSource\"\n\t\t\t\t\t\t\t\t\t:img-alt=\"meta.imgAlt\"\n\t\t\t\t\t\t\t\t\tclass=\"w-100 mb-0\"\n\t\t\t\t\t\t\t\t\t:classes=\"{\n\t\t\t\t\t\t\t\t\t\timg: 'custom-card-img image-fluid bg-neutral-300 w-100',\n\t\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t\t:crop-preset=\"meta.imgCropping\"\n\t\t\t\t\t\t\t\t\tfilters=\"format(webp)\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t</theme-card-plain>\n\t\t\t\t\t</theme-base-swiper>\n\t\t\t\t</div>\n\n\t\t\t\t<div\n\t\t\t\t\tv-if=\"relatedArticles.length > 0\"\n\t\t\t\t\tclass=\"col-xl-8 mb-3\"\n\t\t\t\t>\n\t\t\t\t\t<theme-base-swiper\n\t\t\t\t\t\tv-slot=\"slotProps\"\n\t\t\t\t\t\ttag=\"section\"\n\t\t\t\t\t\t:title=\"$t('Related news')\"\n\t\t\t\t\t\t:items=\"relatedArticles\"\n\t\t\t\t\t\t:columns=\"{\n\t\t\t\t\t\t\txs: 6,\n\t\t\t\t\t\t\tmd: 4,\n\t\t\t\t\t\t\tlg: 4,\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\turl=\"/nieuws\"\n\t\t\t\t\t\tinline\n\t\t\t\t\t>\n\t\t\t\t\t\t<theme-card-plain\n\t\t\t\t\t\t\ttag=\"article\"\n\t\t\t\t\t\t\t:item=\"slotProps.item\"\n\t\t\t\t\t\t\tstyle=\"--card-aspect-ratio: 1 / 0.75\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<template #img=\"{ meta }\">\n\t\t\t\t\t\t\t\t<thumbor-image\n\t\t\t\t\t\t\t\t\t:use=\"['sm', 'md']\"\n\t\t\t\t\t\t\t\t\t:dimensions=\"{\n\t\t\t\t\t\t\t\t\t\tsm: [220, 165],\n\t\t\t\t\t\t\t\t\t\tmd: [275, 205],\n\t\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t\t:img=\"meta.imgSource\"\n\t\t\t\t\t\t\t\t\t:img-alt=\"meta.imgAlt\"\n\t\t\t\t\t\t\t\t\tclass=\"w-100 mb-0\"\n\t\t\t\t\t\t\t\t\t:classes=\"{\n\t\t\t\t\t\t\t\t\t\timg: 'custom-card-img image-fluid bg-neutral-300',\n\t\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t\t:crop-preset=\"meta.imgCropping\"\n\t\t\t\t\t\t\t\t\tfilters=\"format(webp)\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t</theme-card-plain>\n\t\t\t\t\t</theme-base-swiper>\n\t\t\t\t</div>\n\n\t\t\t\t<div\n\t\t\t\t\tv-if=\"latestArticles.length > 0\"\n\t\t\t\t\tclass=\"col-xl-8\"\n\t\t\t\t>\n\t\t\t\t\t<theme-base-swiper\n\t\t\t\t\t\tv-slot=\"slotProps\"\n\t\t\t\t\t\ttag=\"section\"\n\t\t\t\t\t\t:title=\"$t('Latest news')\"\n\t\t\t\t\t\t:items=\"latestArticles\"\n\t\t\t\t\t\t:columns=\"{\n\t\t\t\t\t\t\txs: 6,\n\t\t\t\t\t\t\tmd: 4,\n\t\t\t\t\t\t\tlg: 4,\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\turl=\"/nieuws\"\n\t\t\t\t\t\tinline\n\t\t\t\t\t>\n\t\t\t\t\t\t<theme-card-plain\n\t\t\t\t\t\t\ttag=\"article\"\n\t\t\t\t\t\t\t:item=\"slotProps.item\"\n\t\t\t\t\t\t\tstyle=\"--card-aspect-ratio: 1 / 0.75\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<template #img=\"{ meta }\">\n\t\t\t\t\t\t\t\t<thumbor-image\n\t\t\t\t\t\t\t\t\t:use=\"['sm', 'md']\"\n\t\t\t\t\t\t\t\t\t:dimensions=\"{\n\t\t\t\t\t\t\t\t\t\tsm: [220, 165],\n\t\t\t\t\t\t\t\t\t\tmd: [275, 205],\n\t\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t\t:img=\"meta.imgSource\"\n\t\t\t\t\t\t\t\t\t:img-alt=\"meta.imgAlt\"\n\t\t\t\t\t\t\t\t\tclass=\"w-100 mb-0\"\n\t\t\t\t\t\t\t\t\t:classes=\"{\n\t\t\t\t\t\t\t\t\t\timg: 'custom-card-img image-fluid bg-neutral-300',\n\t\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t\t:crop-preset=\"meta.imgCropping\"\n\t\t\t\t\t\t\t\t\tfilters=\"format(webp)\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t</theme-card-plain>\n\t\t\t\t\t</theme-base-swiper>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</aside>\n\n\t<span\n\t\tid=\"article-code\"\n\t\tv-html-raw=\"article.code\"\n\t/>\n</template>\n"],"file":"assets/Index-a457a747.js"}