{"version":3,"file":"Blog-DKVSuC2q.js","sources":["../../../vue/src/pages/blog/Blog.vue"],"sourcesContent":["<script setup>\nimport { watchEffect, computed, ref, onMounted } from 'vue';\nimport { useQuery } from 'villus';\nimport { useRoute } from 'vue-router';\nimport map from 'lodash-es/map';\nimport uniq from 'lodash-es/uniq';\n\nimport Flexible from '@/components/flexible/Flexible.vue';\nimport FlexibleQuery from '@/components/flexible/FlexibleQuery.js';\nimport PartnerWith from '@/components/partner-with/PartnerWith.vue';\nimport PartnerFragment from '@/graphql/PartnerFragment';\nimport PartnerLink from '@/components/partner-link/PartnerLink.vue';\nimport Share from '@/components/share/Share.vue';\nimport { useStore } from '@/store/Store.js';\nimport FeaturedGrid from '@/components/featured-grid/FeaturedGrid.vue';\nimport Newsletter from '@/components/newsletter/Newsletter.vue';\nimport Header from '@/components/header/Header.vue';\nimport AnchorBar from '@/components/anchor-bar/AnchorBar.vue';\n\nconst store = useStore();\nconst route = useRoute();\nconst routeSlug = route.params.slug;\nconst adFilters = ref({});\nconst variables = computed(() => ({\n    lang: store.lang.value,\n    slug: routeSlug,\n    locale: `${store.lang.value}-CA`,\n}));\nconst crumbs = ref([]);\nconst flexibleReady = ref(false);\nconst mounted = ref(false);\nconst anchors = ref([]);\nconst rootEl = ref(null);\n\nconst postFields = `\nuri\ntitle\ntypeHandle,\n... on recette_Entry {\n    category: recetteCategory { title },\n    cover: recetteCover { title, url @transform (format: \"webp\", quality: 80, width: 800, height:426, immediately: true) },\n}\n... on blog_Entry {\n    day: postDate @formatDateTime (format: \"d\"),\n    month: postDate @formatDateTime (format: \"n\"),\n    year: postDate @formatDateTime (format: \"Y\"),\n    category: blogCategory { title },\n    cover: blogCover { title, url @transform (format: \"webp\", quality: 80, width: 800, height:426, immediately: true) },\n}\n... on product_Entry {\n    cover: flexibleImage { title, url @transform (format: \"webp\", quality: 80, width: 800, height:426, immediately: true) },\n}\n`;\n\nconst { data, isDone } = await useQuery({\n    variables,\n    query: `\n        query FetchEntries($lang: [String], $slug: [String]) {\n            blogs: entry(section: \"blogs\", site: $lang) {\n                sectionHandle\n                ... on blogs_Entry { \n                    subtitle: pancarteHautTitreBasSousPage\n                    suptitle: pancarteHautTitreHautSousPage\n                    supsubtitle: pancarteBasTitreHautSousPage\n                    subsubtitle: pancarteBasTitreBasSousPage\n                    personnageEntete: personnageEnteteSousPage {\n                        inline\n                    }\n                }\n            },\n            entry (section: \"blog\", site: $lang, slug: $slug) {\n                title,\n                day: postDate @formatDateTime (format: \"d\"),\n                month: postDate @formatDateTime (format: \"n\"),\n                year: postDate @formatDateTime (format: \"Y\"),\n                ... on blog_Entry {\n                    category: blogCategory { url, id, ... on blogcategories_default_Entry { title } },\n                    tags: blogTags { id },\n                    ${PartnerFragment('partner')},\n                    ${FlexibleQuery()},\n                    source: blogSource,\n                    ingredients: blogIngredients { id, title }\n                    displayRelatedContents\n                    relatedContents { \n                        ${postFields}\n                    }\n                }\n            }\n        }\n    `,\n});\n\nif (data?.value?.entry?.category?.[0]?.url) {\n    crumbs.value = [\n        { url: '/blogue', text: 'Blogue' },\n        { url: data.value.entry.category[0].url, text: data.value.entry.category[0].title },\n    ];\n}\n\nlet ings = [];\nif (data?.value?.entry?.ingredients) {\n    ings = ings.concat(map(data.value.entry.ingredients, 'id'));\n}\nadFilters.value.relatedTo = ings;\nadFilters.value.contentType = 'recette';\nif (data?.value?.entry?.type && data?.value?.entry?.type?.length !== 0) {\n    adFilters.value.relatedTo = adFilters.value.relatedTo.concat(map(data.value.entry.type, 'id'));\n}\n\n/**\n * Recommendations random\n */\nconst variablesRecommendation = computed(() => ({\n    lang: store.lang.value,\n    ingredientIds: ings,\n}));\n\nconst qq2 = `\n    query FetchAutomaticRelatedEntries($lang: [String], $ingredientIds: [QueryArgument]) {\n        recommendations: entries(section: [\"recette\", \"blog\", \"product\"], site: $lang, relatedTo: $ingredientIds, orderBy:\"RAND()\", limit: 6) {\n            ${postFields}\n        }\n    }\n`;\nconst { data: dataRecommendation } = await useQuery({\n    variables: variablesRecommendation,\n    query: qq2,\n});\n/**\n * End recommendations random\n */\n\nwatchEffect(() => {\n    if (isDone.value) {\n        if (data.value && data.value.entry && data.value.entry.tags && data.value.entry.tags.length > 0) {\n            if (!adFilters.value.relatedTo) {\n                adFilters.value.relatedTo = [];\n            }\n            adFilters.value.relatedTo = adFilters.value.relatedTo.concat(map(data.value.entry.tags, 'id'));\n        }\n        if (data.value && data.value.entry && data.value.entry.category && data.value.entry.category.length > 0) {\n            if (!adFilters.value.relatedTo) {\n                adFilters.value.relatedTo = [];\n            }\n            adFilters.value.relatedTo = adFilters.value.relatedTo.concat(map(data.value.entry.category, 'id'));\n        }\n        adFilters.value.relatedTo = uniq(adFilters.value.relatedTo);\n        adFilters.value.contentType = 'blog';\n    }\n});\n\nonMounted(() => {\n    store.setHeaderColor({\n        mainColor: 'indigo',\n        theme: 'dark',\n        wave: 'light-indigo',\n        normal: {\n            bg: 'white',\n            txt: 'dark-indigo',\n        },\n        over: {\n            bg: 'white',\n            txt: 'dark-indigo',\n        },\n        prenav: {\n            bg: 'bg-dark-indigo',\n            txt: 'text-white',\n        },\n        nav: {\n            txt: 'text-white',\n            hover: 'bg-dark-indigo',\n            burger: 'text-white',\n            lines: 'text-dark-indigo',\n        },\n    });\n\n    mounted.value = true;\n});\n\nconst recommendations = computed(() => {\n    let results = [];\n    if (data?.value?.entry?.relatedContents?.length > 0) {\n        results = data.value.entry.relatedContents;\n    } else if (dataRecommendation?.value?.recommendations?.length > 0) {\n        results = dataRecommendation.value.recommendations;\n    }\n    return results;\n});\n</script>\n\n<template>\n    <div\n        ref=\"rootEl\"\n        class=\"Blog bg-bright-indigo\"\n        :class=\"[pageClasses]\"\n    >\n        <Header\n            :data=\"data?.blogs\"\n            color=\"dark-blue\"\n            title-color=\"dark-indigo\"\n            :title=\"data?.entry?.title\"\n            :suptitle=\"data?.entry?.day ? [data.entry.day, FRMonth[data.entry.month - 1], data.entry.year].join(String.fromCharCode(160)) : null\"\n            :crumbs=\"crumbs\"\n        />\n\n        <AnchorBar\n            v-if=\"flexibleReady && data && data?.entry && data?.entry?.flexible && anchors?.length\"\n            :anchors=\"anchors\"\n            unique-id=\"blog\"\n            :colors=\"{\n                txt: 'white',\n                bg: 'dark-indigo',\n                ui: 'light-indigo',\n                uiTxt: 'white',\n            }\"\n        />\n\n        <div class=\"px-6 text-center xl:px-20\">\n            <PartnerWith :data=\"data?.entry?.partner\" />\n        </div>\n        <div class=\"mx-auto max-w-5xl\">\n            <Flexible\n                :remove-space-bottom=\"true\"\n                :ad-filters=\"adFilters\"\n                :center=\"true\"\n                cover-color=\"blue\"\n                color=\"blue\"\n                theme-color=\"dark-blue\"\n                :data=\"data.entry.flexible\"\n                main-color=\"blue\"\n                v-on:flexible-ready=\"flexibleReady = true\"\n            />\n            <PartnerLink :data=\"data?.entry?.partner\" />\n\n            <div class=\"Blog__source Page__right is-centered is-s mt-12 italic md:mt-24\">\n                <small>{{ data?.entry?.source }}</small>\n            </div>\n\n            <Share class=\"Page__right is-centered is-s\" />\n        </div>\n\n        <Newsletter />\n\n        <FeaturedGrid\n            :tag=\"true\"\n            :posts=\"recommendations\"\n            title-top=\"D’autres contenus qui pourraient vous intéresser\"\n        />\n    </div>\n</template>\n"],"names":["postFields","store","useStore","routeSlug","useRoute","adFilters","ref","variables","computed","crumbs","flexibleReady","mounted","anchors","rootEl","data","isDone","__temp","__restore","_withAsyncContext","useQuery","PartnerFragment","FlexibleQuery","_d","_c","_b","_a","ings","_f","_e","map","_h","_g","_k","_j","_i","variablesRecommendation","qq2","dataRecommendation","watchEffect","uniq","onMounted","recommendations","results"],"mappings":"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"}