{"version":3,"file":"c76pUfua.js","sources":["../../../../pages/flatpage.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/* Stores */\nimport { useAppStore } from '@/store/app/app'\nimport { useCityStore } from '@/store/city/city'\n\n/* Types */\nimport { Success } from '@/api/results'\n\nconst route = useRoute()\n\nconst { isWebview } = useAppStore()\nconst { cityInfo } = useCityStore()\n\nconst { data: flatpageData } = await useAsyncData(async (nuxtApp) => {\n  const result = await nuxtApp?.$apiService.site.fetchFlatpageData(route.path)\n\n  if (result instanceof Success) {\n    return result.data\n  }\n})\n\nconst flatpageContent = computed(() => flatpageData.value?.content || '')\n\nconst breadcrumbs = computed(() => {\n  const currentPath = flatpageData.value?.url || ''\n  const pageTitle = flatpageData?.value?.title || 'Farfor'\n  const cityName = cityInfo.padeg?.pred || ''\n\n  return [\n    { text: `Доставка суши в ${cityName}`, href: '/' },\n    { text: pageTitle, href: currentPath },\n  ]\n})\n</script>\n\n<template>\n  <div class=\"flatpage\">\n    <app-head\n      :title=\"flatpageData?.seo_title\"\n      :seo=\"{\n        title: flatpageData?.seo_title,\n        description: flatpageData?.seo_description,\n        keywords: flatpageData?.seo_keywords,\n      }\"\n    />\n\n    <div class=\"flatpage__wrapper\">\n      <the-breadcrumbs\n        v-if=\"!isWebview\"\n        class=\"flatpage__breadcrumbs\"\n        :breadcrumbs=\"breadcrumbs\"\n        :domain=\"cityInfo.domain\"\n      />\n\n      <div class=\"flatpage__html\" v-html=\"flatpageContent\" />\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.flatpage {\n  padding-bottom: 120px;\n\n  @include media('>=tablet') {\n    padding-top: 24px;\n  }\n\n  @include media('>=desktop-mini') {\n    padding-top: 40px;\n  }\n\n  &__breadcrumbs {\n    margin-bottom: 20px;\n  }\n\n  &__wrapper {\n    max-width: 960px;\n    margin: 0 auto;\n  }\n\n  &__html {\n    font-size: 12px;\n    font-weight: 500 !important;\n    line-height: 1.4 !important;\n    color: $text-black !important;\n\n    @include media('>=tablet') {\n      font-size: 14px;\n    }\n\n    :deep(h1) {\n      margin-bottom: 24px;\n      font-size: 18px;\n\n      @include media('>=tablet') {\n        font-size: 24px;\n      }\n\n      @include media('>=desktop-mini') {\n        margin-bottom: 48px;\n        font-size: 28px;\n      }\n    }\n\n    :deep(h2),\n    :deep(h3) {\n      margin: 30px 0;\n      font-size: 14px;\n\n      @include media('>=tablet') {\n        font-size: 16px;\n      }\n    }\n\n    :deep(p) {\n      margin: 20px 0 0;\n      font-size: 12px;\n\n      @include media('>=tablet') {\n        font-size: 14px;\n      }\n    }\n\n    :deep(.v-h2-big) {\n      font-size: 16px;\n\n      @include media('>=tablet') {\n        font-size: 22px;\n      }\n    }\n\n    :deep(h1),\n    :deep(h2),\n    :deep(h3),\n    :deep(b),\n    :deep(strong) {\n      font-weight: 800 !important;\n    }\n\n    :deep(img) {\n      width: 24px;\n      height: 24px;\n      margin-right: 10px;\n    }\n\n    :deep(.v-margin-bottom-20) {\n      margin-bottom: 20px !important;\n    }\n\n    :deep(.v-margin-bottom-30) {\n      margin-bottom: 30px !important;\n    }\n\n    :deep(.v-margin-bottom-40) {\n      margin-bottom: 40px !important;\n    }\n\n    :deep(.v-margin-y-20) {\n      margin: 20px 0 !important;\n    }\n\n    :deep(.v-flex-container) {\n      display: flex;\n      gap: 16px;\n      align-items: center;\n    }\n\n    :deep(ol) {\n      list-style: none;\n      counter-reset: li;\n\n      li::before {\n        font-weight: 800 !important;\n        content: counters(li, '.') '. ';\n        counter-increment: li;\n      }\n    }\n\n    :deep(ul) {\n      padding-left: 16px;\n      list-style-type: disc;\n\n      li {\n        margin: 16px 0;\n        &::marker {\n          font-weight: 500 !important;\n        }\n      }\n    }\n\n    :deep(table) {\n      table-layout: fixed;\n      border-collapse: collapse;\n\n      thead {\n        border-bottom: 1px solid $button-background;\n      }\n\n      tbody {\n        tr:first-child {\n          height: 10px;\n        }\n      }\n\n      th {\n        height: 48px;\n        font-weight: 800;\n      }\n\n      td {\n        height: 36px;\n      }\n\n      th,\n      td {\n        width: 100%;\n\n        &:not(:last-child) {\n          padding-right: 10px;\n        }\n        &:last-child {\n          padding-left: 10px;\n        }\n      }\n    }\n\n    :deep(.v-table-important) {\n      width: 100%;\n      max-width: 634px;\n\n      th:first-child,\n      td:first-child {\n        text-align: left;\n      }\n\n      th:last-child,\n      td:last-child {\n        text-align: center;\n      }\n    }\n  }\n}\n</style>\n"],"names":["route","useRoute","isWebview","useAppStore","cityInfo","useCityStore","flatpageData","__temp","__restore","_withAsyncContext","useAsyncData","nuxtApp","result","Success","flatpageContent","computed","_a","breadcrumbs","currentPath","pageTitle","_b","_c"],"mappings":";;uqBAQA,MAAMA,EAAQC,IAER,CAAE,UAAAC,GAAcC,IAChB,CAAE,SAAAC,GAAaC,IAEf,CAAE,KAAMC,CAAa,GAAI,CAAAC,EAAAC,CAAA,EAAAC,EAAA,SAAMC,EAAa,MAAOC,GAAY,CACnE,MAAMC,EAAS,MAAMD,GAAA,YAAAA,EAAS,YAAY,KAAK,kBAAkBX,EAAM,OAEvE,GAAIY,aAAkBC,EACpB,OAAOD,EAAO,IAChB,EACF,aAAC,CAAA,mBAEKE,EAAkBC,EAAS,IAAM,OAAA,QAAAC,EAAAV,EAAa,QAAb,YAAAU,EAAoB,UAAW,GAAE,EAElEC,EAAcF,EAAS,IAAM,WAC3B,MAAAG,IAAcF,EAAAV,EAAa,QAAb,YAAAU,EAAoB,MAAO,GACzCG,IAAYC,EAAAd,GAAA,YAAAA,EAAc,QAAd,YAAAc,EAAqB,QAAS,SAGzC,MAAA,CACL,CAAE,KAAM,qBAHOC,EAAAjB,EAAS,QAAT,YAAAiB,EAAgB,OAAQ,EAGJ,GAAI,KAAM,GAAI,EACjD,CAAE,KAAMF,EAAW,KAAMD,CAAY,CAAA,CACvC,CACD","debug_id":"8e07fd90-c1e7-5e85-ae01-ffa7032fbeff"}