{"version":3,"file":"ArticleCard.vue.b1173ef2.js","sources":["../../../../components/Article/ArticleCard.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ContentTypeArticle } from '~~/types/storyblok/contentTypes'\nimport type { MediaImage } from '~~/types/storyblok/media'\n\nconst props = defineProps<{\n  title: string\n  path: string\n  blok: ContentTypeArticle\n}>()\n\nconst heroImage = computed(() => {\n  return {\n    _uid: 'hero',\n    component: 'MediaImage',\n    asset: props?.blok?.hero,\n  } as MediaImage\n})\n</script>\n\n<template lang=\"pug\">\ntransition(\n  name=\"fade\"\n  appear\n)\n  article(\n    v-editable=\"blok\"\n    class=\"blok-article bg-grey-200 relative transition-all ease-in-out duration-500 shadow-lg hover:-translate-y-6 hover:shadow-2xl\"\n  )\n    NuxtLink(:to=\"`/${path}`\")\n      MediaImage(\n        :blok=\"heroImage\"\n        :with-overlay=\"true\"\n        :object-cover=\"true\"\n        :height=\"640\"\n        aspect=\"insight-card\"\n      )\n    div(\n      class=\"flex flex-col justify-between absolute inset-0 w-full h-full p-24 z-10 items-start pointer-events-none\"\n    )\n      NuxtLink(:to=\"`/${path}`\")\n        h3(class=\"font-sans text-xl font-bold text-grey-100\") {{ props.title }}\n      NuxtLink(:to=\"`/${path}`\" class=\"button button--highlight\")\n        span Read\n        MaterialSymbol arrow_right_alt\n</template>\n"],"names":["heroImage","computed","_a","props"],"mappings":"uoBAUAA,EAAAC,EAAA,IAAA,OACE,MAAA,CAAO,KAAA,OACC,UAAA,aACK,OAAAC,EAAAC,GAAA,YAAAA,EAAA,OAAA,YAAAD,EAAA,IACS,CACtB,CAAA"}