{"version":3,"file":"BlokPortfolioList.18c37393.js","sources":["../../../../storyblok/Blok/BlokPortfolioList.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ISbResult } from 'storyblok-js-client'\nimport type { BlokPortfolioList } from '~~/types/storyblok/bloks'\nimport type { ContentTypePortfolioStoryList } from '~~/types/storyblok/stories'\nimport type { Ref } from 'vue'\n\nconst props = defineProps<{ blok: BlokPortfolioList }>()\n\nconst queryOptions = computed(() => {\n  const query = {\n    content_type: 'ContentTypePortfolio',\n    starts_with: 'portfolio/business',\n    per_page: 100,\n  }\n\n  // Manual selections\n  if (props.blok.articles.length) {\n    return {\n      ...query,\n      by_uuids: [...props.blok.articles].join(),\n    }\n  }\n  // Filter by category\n  if (props.blok.category !== 'all') {\n    return {\n      ...query,\n      sort_by: 'name:asc',\n      filter_query: {\n        category: {\n          like: props.blok.category,\n        },\n      },\n    }\n  }\n  // Show all\n  return {\n    ...query,\n    sort_by: 'name:asc',\n  }\n})\n\nconst fetchedArticles = computed(\n  () => storyData.value.data.stories as ContentTypePortfolioStoryList\n)\n\nconst loadStoryData = async () => {\n  return useAsyncStoryblokStoryQuery(queryOptions.value)\n}\n\nconst storyData: Ref<ISbResult> = await loadStoryData()\n\n// Load new data when blok props change\nwatch(\n  () => props.blok,\n  async () => {\n    storyData.value = (await loadStoryData()).value\n  },\n  { deep: true }\n)\n</script>\n\n<template lang=\"pug\">\ndiv(\n  v-if=\"fetchedArticles\"\n  v-editable=\"blok\"\n  class=\"blok-article-list container grid grid-cols-12 gap-18 md:gap-36 xl:gap-48\"\n)\n  BlokPortfolioItem(\n    v-for=\"article in fetchedArticles\"\n    :key=\"article.uuid\"\n    :title=\"article.name\"\n    :path=\"article.full_slug\"\n    :blok=\"article.content\"\n    class=\"col-span-6 md:col-span-4 lg:col-span-3 xl:col-span-2\"\n  )\n</template>\n"],"names":["queryOptions","computed","query","props","fetchedArticles","storyData","loadStoryData","useAsyncStoryblokStoryQuery","__temp","__restore","_withAsyncContext","watch"],"mappings":"ueAQAA,EAAAC,EAAA,IAAA,CACE,MAAAC,EAAA,CAAc,aAAA,uBACE,YAAA,qBACD,SAAA,GACH,EAIZ,OAAAC,EAAA,KAAA,SAAA,OACE,CAAO,GAAAD,EACF,SAAA,CAAA,GAAAC,EAAA,KAAA,QAAA,EAAA,KAAA,CACqC,EAI5CA,EAAA,KAAA,WAAA,MACE,CAAO,GAAAD,EACF,QAAA,WACM,aAAA,CACK,SAAA,CACF,KAAAC,EAAA,KAAA,QACS,CACnB,CACF,EAIJ,CAAO,GAAAD,EACF,QAAA,UACM,CACX,CAAA,EAGFE,EAAAH,EAAwB,IAAAI,EAAA,MAAA,KAAA,OACK,EAG7BC,EAAA,SACEC,EAAAP,EAAA,KAAA,EAGFK,GAAA,CAAAG,EAAAC,CAAA,EAAAC,EAAA,IAAAJ,GAAA,EAAAE,EAAA,MAAAA,EAAAC,EAAA,EAAAD,GAGA,OAAAG,EAAA,IAAAR,EAAA,KACc,SAAA,CAEVE,EAAA,OAAA,MAAAC,EAAA,GAAA,KAA0C,EAC5C,CAAA,KAAA,EAAA,CACa"}