{"version":3,"file":"blog.Djzxjp_a.js","sources":["../../../../pages/blog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from \"vue-i18n\";\nimport { buildMeta } from \"~~/utils/meta-builder\";\n\nconst config = useRuntimeConfig()\n\n\n//const story = await useAsyncStoryblok('blog', { version: config.public.blog.mode })\n// get multiple links\n// /v2/cdn/links/?starts_with=posts/\n// TODO implement this https://www.storyblok.com/docs/api/content-delivery/v2#core-resources/links/retrieve-multiple-links\nconst route = useRoute()\n\n//router.currentRoute.value\nconst getSlug = (item: any): string=>{\n\tif(!item)return ''\n\tconst slug= (item.full_slug as string).split('/')\n\t//.replace(`${item.lang}/`,'')\n\treturn 'posts/' + slug[slug.length-1]\n}\n\nconst api = useStoryblokApi();\nconst i18n = useI18n()\nconst lang = i18n.locale.value\n\nconst i18nHead = useLocaleHead({\n\taddSeoAttributes: true\n}) \n\n//get all categories\nconst categoriesData = await api.get(\"cdn/stories\", { \n\tversion: config.public.blog.mode, \n\tstarts_with: \"blog\",\n\tlanguage: lang === 'en' ? 'default' : lang \n}) \n\nconst\tcategoryAll = {\n\tcontent: {\n\t\tname: 'All',\n\t},\n\tfull_slug: '/blog/all',\n\tslug: 'all'\n}\nconst categories = [categoryAll, ...categoriesData.data.stories as Array<any>]\n\t//add category (All) to clear filter\nconsole.log('category first:',categories[0])\n\nconst enSlug = ref('/blog')\nconst deSlug = ref('/de/blog')\n\n//console.log('categories:', categories) \n\nconst { data } = await api.get(\"cdn/stories\", { \n\tversion: config.public.blog.mode, \n\tstarts_with: \"posts\",\n\tlanguage: lang === 'en' ? 'default' : lang,\n });\n//025b3022-b031-4e3a-a1fe-56cccdb9486a --- All\n//const state = reactive({ stories: data.stories });\nconst stories = data.stories as Array<any>\nfor(var story of stories){\n\tconst resolvedCategories:any[] = []\n\t//console.log(\"story.content.category\", story.content.category)\n\tif(story.content.category){\n\t\tfor(const categoryId of story.content.category){\n\t\t\tconst index = categories.findIndex(category=>category.uuid === categoryId)\n\t\t\n\t\t\tif(index !== -1){\n\t\t\t//\tconsole.log('uuid', categoryId)\n\t\t\t\tresolvedCategories.push(categories[index])\n\t\t\t}\n\t\t\t\n\t\t}\n\t\tstory.content['categories'] = resolvedCategories;\n\t}\n\t//console.log(\"resolvedCategories\", resolvedCategories)\n}\t\n\nconst featured = stories.filter(x=>x.content.featured)\nconst filtered = ref<any[]>([])\n\nconst filterByCategory = () => {\n\n\tlet categorySlug: string = route.query.category?.length\n\t\t? route.query.category as string \n\t\t: 'all' //redirect\n\n\tconsole.log('filter by', categorySlug)\n\tconsole.log('totalPosts', stories.length)\n\n\tconst filterByAll = categorySlug === 'alle' || categorySlug === 'all' || categorySlug === ''\n\n\tconst list = stories.filter((s:any)=> !s.content.featured && \n\t\ts.content?.categories?.some((c: any) => filterByAll || translatedPath(c.full_slug) === categorySlug )\t\n\t)\n\tconsole.log('list.length:', list.length)\n\tfiltered.value = list\n\tconst currentCategory = categories?.find((x:any)=>x.slug === categorySlug) ?? categories?.find((c:any)=>translatedPath(c.full_slug) === categorySlug)\n\tconst de = currentCategory?.translated_slugs?.find((x:any) => x.lang === 'de').path.split('/')[1] ?? 'all'//alle\n\tenSlug.value = '/blog?category=' + (currentCategory?.slug ?? 'all')\n\tdeSlug.value = '/de/blog?category='+ de \n\n\tconst deUrl = config.public.hostname+deSlug.value\n\tconst enUrl = config.public.hostname+enSlug.value\n\n\tuseHead(buildMeta({\n\t\tkey: 'blog', \n\t\tfollow: true,\n\t\tlocaleLinks: [\n\t\t\t{ rel: 'alternate', href: enUrl, hreflang: 'en' },\n\t\t\t{ rel: 'alternate', href: enUrl, hreflang: 'en-US' },\n\t\t\t{ rel: 'alternate', href: enUrl, hreflang: 'x-default' },\n\t\t\t{ rel: 'alternate', href: deUrl, hreflang: 'de' },\n\t\t\t{ rel: 'alternate', href: deUrl, hreflang: 'de-DE' },\n\t\t\t{ rel: 'canonical', href: config.public.hostname+route.fullPath},\n\t\t]\n\t},i18n, i18nHead))\n}\n\nfilterByCategory()\n\n//console.log('data:', data) \n\nwatch(() => route.query, ()=> {\n\tconsole.log('query changed:',  route.query.category)\n\tfilterByCategory()\n})\n\n//console.log('categories data::', categories)\n\n</script>\n<template>\n\t<div class=\"bg-newdark-800 text-white\">\n\t\t<Header theme=\"dark\" />\n\t\n\t\t<div class=\"w-full max-w-screen-xl mx-auto px-10\">\n\n\t\t\t<PostItemFeatured v-for=\"item in featured\" :key=\"item.id\" :blok=\"item.content\" :slug=\"getSlug(item)\" />\n\t\t\t<NuxtLayout >\n\t\t\t\t<div class=\"flex flex-wrap justify-center lg:justify-start gap-x-2 md:gap-x-6 gap-y-6 pt-16 overflow-x-scroll\">\n\t\t\t\t\t<NuxtLink\n\t\t\t\t\tclass=\"px-6 py-2 hover:text-white\"\n\t\t\t\t\t:class=\"{' text-newdark-800 bg-white rounded-full hover:bg-white/10': ($route.query.category ?? (i18n.locale.value === 'de' ? 'alle' : 'all')) == translatedPath(category.full_slug),\n\t\t\t\t\t'text-white/50': ($route.query.category ?? (i18n.locale.value === 'de' ? 'alle' : 'all')) !== translatedPath(category.full_slug)\n\t\t\t\t}\" \n\t\t\t\t\t v-for=\"category in categories\" \n\t\t\t\t\n\t\t\t\t\t:to=\"'blog?category='+translatedPath(category.full_slug)\"\n\t\t\t\t\t>{{ category.content.name }}</NuxtLink>\n\t\t\t\t</div>\n\n\t\t\t\t<!-- <NuxtPage :stories=\"stories\" :categories=\"categories\" /> -->\n\n\t\t\t\t<div class=\"gap-8 pt-16 masonry sm:masonry-sm md:masonry-md\"> \n\t\t\t\t\t<transition-group name=\"list\">\n\t\t\t\t\t\t<PostItem v-for=\"item in filtered\" :key=\"item.id\" :blok=\"item.content\" :slug=\"getSlug(item)\" />\n\t\t\t\t\t</transition-group>\n\t\t\t\t</div>\n\n\t\t\t</NuxtLayout>\n\t\t\t\n\t\t</div>\n\n\t\t<!-- <StoryblokComponent v-if=\"story\" :blok=\"story.content\"  /> -->\n\t\t<Footer theme=\"dark\" :de-slug=\"deSlug\" :en-slug=\"enSlug\" />\n\t</div>\n</template>\n<style scoped>\n.list-move,\n.list-enter-active,\n.list-leave-active {\n  transition: all .5s ease;\n}\n.list-enter-from,\n.list-leave-to {\n  opacity: 0;\n\ttransform: translateY(30px);\n}\n.list-leave-active {\n  position: absolute;\n\tmax-width: 300px;\n}\n\n</style>"],"names":["config","useRuntimeConfig","route","useRoute","getSlug","item","slug","full_slug","split","length","api","useStoryblokApi","i18n","useI18n","lang","locale","value","i18nHead","useLocaleHead","addSeoAttributes","categories","content","name","__temp","__restore","_withAsyncContext","get","version","public","blog","mode","starts_with","language","data","stories","enSlug","ref","deSlug","story","resolvedCategories","category","categoryId","index","findIndex","uuid","push","featured","filter","x","filtered","filterByCategory","categorySlug","_a","query","filterByAll","list","s","_b","some","c","translatedPath","currentCategory","find","de","translated_slugs","path","deUrl","hostname","enUrl","useHead","buildMeta","key","follow","localeLinks","rel","href","hreflang","fullPath","watch"],"mappings":"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"}