{"version":3,"file":"CAxBv2PE.js","sources":["../../../../node_modules/@heroicons/vue/solid/esm/HomeIcon.js","../../../../storyblok/sub/Article.vue"],"sourcesContent":["import { createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\"\n  }, [\n    _createVNode(\"path\", { d: \"M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z\" })\n  ]))\n}","<template>\n  <div v-editable=\"blok\">\n    <div class=\"px-6 pt-8 lg:px-8\">\n      <Container class=\"max-w-screen-lg text-base leading-7 text-neutral-700\">\n        <nav class=\"flex\" aria-label=\"Breadcrumb\">\n          <ol role=\"list\" class=\"flex items-center space-x-2\">\n            <li>\n              <div>\n                <NuxtLink\n                  to=\"/blog\"\n                  class=\"text-neutral-400 hover:text-neutral-500 dark:text-neutral-400 dark:hover:text-neutral-500\"\n                >\n                  <HomeIcon class=\"h-5 w-5 flex-shrink-0\" aria-hidden=\"true\" />\n                  <span class=\"sr-only\">Home</span>\n                </NuxtLink>\n              </div>\n            </li>\n            <li v-for=\"page in pages\" :key=\"page.name\">\n              <div class=\"flex items-center\">\n                <svg\n                  class=\"h-5 w-5 flex-shrink-0 text-neutral-300 dark:text-neutral-600\"\n                  fill=\"currentColor\"\n                  viewBox=\"0 0 20 20\"\n                  aria-hidden=\"true\"\n                >\n                  <path d=\"M5.555 17.776l8-16 .894.448-8 16-.894-.448z\" />\n                </svg>\n                <NuxtLink\n                  :to=\"page.to\"\n                  class=\"ml-2 text-sm font-medium text-neutral-500 dark:text-neutral-400\"\n                  :class=\"[page.to ? 'hover:text-neutral-700 dark:hover:text-neutral-200' : '']\"\n                  :aria-current=\"page.current ? 'page' : undefined\"\n                  >{{ page.name }}\n                </NuxtLink>\n              </div>\n            </li>\n          </ol>\n        </nav>\n        <figure v-if=\"blok.image?.filename\" class=\"my-8\">\n          <img\n            class=\"aspect-video rounded-xl bg-neutral-50 object-cover dark:bg-neutral-800\"\n            :src=\"blok.image.filename + '/m/1600x0'\"\n            :alt=\"blok.image.alt\"\n          />\n        </figure>\n        <!--      <p class=\"text-base font-semibold leading-7 text-indigo-600\">Introducing</p>-->\n        <h1 class=\"mt-4 text-3xl font-bold tracking-tight text-neutral-900 dark:text-neutral-100 sm:text-4xl\">\n          {{ blok.title }}\n        </h1>\n        <p class=\"mt-6 text-xl leading-8 dark:text-white\">{{ blok.subtitle }}</p>\n        <article class=\"prose prose-neutral text-justify mt-10 max-w-full dark:prose-invert\" v-html=\"resolvedRichText\"></article>\n      </Container>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { HomeIcon } from '@heroicons/vue/solid';\nimport { useHead } from '#app';\nimport { BASE_TITLE } from '~/utilities/constants';\n\nconst props = defineProps({ blok: Object });\n\nuseHead({\n  title: `${props.blok.title} ${BASE_TITLE}`,\n  meta: [\n    { property: 'og:type', content: 'article' },\n    { property: 'og:title', content: `${props.blok.title} ${BASE_TITLE}` },\n    { name: 'twitter:card', content: 'summary_large_image' },\n    { property: 'og:image', content: props.blok.image.filename + '/m/800x0' },\n    { name: 'twitter:image', content: props.blok.image.filename + '/m/800x0' },\n    {\n      name: 'description',\n      content: props.blok.meta_description || props.blok.subtitle,\n    },\n  ],\n});\n\nconst pages = computed(() => [{ name: props.blok.title }]);\n\nconst resolvedRichText = computed(() => renderRichText(props.blok.content));\n</script>\n"],"names":["render","_ctx","_cache","_openBlock","_createBlock","_createVNode","props","__props","useHead","BASE_TITLE","pages","computed","resolvedRichText","renderRichText"],"mappings":"iQAEe,SAASA,EAAOC,EAAMC,EAAQ,CAC3C,OAAQC,EAAU,EAAIC,EAAa,MAAO,CACxC,MAAO,6BACP,QAAS,YACT,KAAM,eACN,cAAe,MACnB,EAAK,CACDC,EAAa,OAAQ,CAAE,EAAG,kMAAkM,CAAE,CAClO,CAAG,CACH,2pBCkDA,MAAMC,EAAQC,EAEdC,EAAQ,CACN,MAAO,GAAGF,EAAM,KAAK,KAAK,IAAIG,CAAU,GACxC,KAAM,CACJ,CAAE,SAAU,UAAW,QAAS,SAAW,EAC3C,CAAE,SAAU,WAAY,QAAS,GAAGH,EAAM,KAAK,KAAK,IAAIG,CAAU,EAAI,EACtE,CAAE,KAAM,eAAgB,QAAS,qBAAuB,EACxD,CAAE,SAAU,WAAY,QAASH,EAAM,KAAK,MAAM,SAAW,UAAY,EACzE,CAAE,KAAM,gBAAiB,QAASA,EAAM,KAAK,MAAM,SAAW,UAAY,EAC1E,CACE,KAAM,cACN,QAASA,EAAM,KAAK,kBAAoBA,EAAM,KAAK,QACpD,CACF,CACH,CAAC,EAED,MAAMI,EAAQC,EAAS,IAAM,CAAC,CAAE,KAAML,EAAM,KAAK,KAAO,CAAA,CAAC,EAEnDM,EAAmBD,EAAS,IAAME,EAAeP,EAAM,KAAK,OAAO,CAAC","x_google_ignoreList":[0]}