{"version":3,"file":"DIuUZToV.js","sources":["../../../../pages/sales/archive/[slug].vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/* Stores */\nimport { useCityStore } from '@/store/city/city'\n\n/* Types */\nimport { Breadcrumb } from '@/api/modules/sales/types'\nimport { HttpStatusCode, NotFoundError, ServerError } from '@/api/results'\n\nimport CardPromocode from '@/components/Sales/Sale/CardPromocode.vue'\nimport SaleImage from '@/components/Sales/Sale/SaleImage.vue'\n\nconst route = useRoute()\n\nconst {\n  cityInfo: { padeg, domain },\n} = useCityStore()\n\nconst { data: sale, error } = await useAsyncData(async (nuxtApp) => {\n  const saleSlug =\n    typeof route?.params?.slug === 'string' ? route?.params?.slug : ''\n\n  const result = await nuxtApp?.$apiService.sales.fetchSale(saleSlug)\n\n  if (result instanceof NotFoundError) {\n    throw createError({\n      statusCode: HttpStatusCode.NOT_FOUND,\n    })\n  }\n\n  if (result instanceof ServerError || result instanceof Error) {\n    throw createError({\n      statusCode: HttpStatusCode.INTERNAL_SERVER_ERROR,\n    })\n  }\n\n  return result?.data\n})\n\nif (error.value) showError(error.value)\n\nconst breadcrumbs = computed(() => {\n  const breadcrumbs: Breadcrumb[] = [\n    { text: `Доставка суши в ${padeg?.pred}`, href: '/' },\n    { text: 'Акции', href: '/sales/' },\n    { text: sale?.value?.title || '', href: sale?.value?.slug || '' },\n  ]\n\n  if (sale?.value?.archive) {\n    const saleBreadcrumb = breadcrumbs.pop()\n\n    breadcrumbs.push({\n      text: 'Архив акций',\n      href: '/sales/archive/',\n    })\n\n    saleBreadcrumb && breadcrumbs.push(saleBreadcrumb)\n  }\n\n  return breadcrumbs\n})\n</script>\n<template>\n  <div class=\"sale-content\">\n    <app-head\n      :title=\"sale?.seo?.seo_title\"\n      :seo=\"{\n        title: sale?.seo?.seo_title,\n        description: sale?.seo?.seo_description,\n        keywords: sale?.seo?.seo_keywords,\n      }\"\n    />\n\n    <the-breadcrumbs\n      v-if=\"breadcrumbs.length\"\n      class=\"sale-content__breadcrumbs\"\n      :breadcrumbs=\"breadcrumbs\"\n      :domain=\"domain\"\n    />\n\n    <sale-image :image=\"sale?.image\" :archive=\"sale?.archive\" />\n\n    <div v-if=\"sale?.archive\" class=\"sale-content__archive\">\n      Акция завершена\n    </div>\n\n    <div class=\"sale-content__section\">\n      <div class=\"sale-content__text\">\n        <h1 class=\"sale-content__title\">\n          {{ sale?.title }}\n        </h1>\n\n        <div class=\"sale-content__description\" v-html=\"sale?.description\" />\n      </div>\n\n      <card-promocode\n        v-if=\"sale?.code && !sale?.archive\"\n        class=\"sale-content__promocode\"\n        :short-description=\"sale.short_description\"\n        :promocode=\"sale.code\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.sale-content {\n  padding: 30px calc(50% - 480px) 120px !important;\n\n  @include media('<=desktop-mini') {\n    padding: 0 48px !important;\n  }\n\n  @include media('<=portrait-phone') {\n    padding: 0 20px !important;\n  }\n\n  &__breadcrumbs {\n    margin-top: 20px;\n\n    @include media('>=desktop-mini') {\n      margin-top: 10px;\n    }\n  }\n\n  &__image {\n    width: 100%;\n    height: 100%;\n    margin: 24px 0;\n    border-radius: 20px;\n\n    @include media('>=portrait-phone') {\n      margin: 24px 0 40px;\n      border-radius: 20px;\n    }\n\n    @include media('>=desktop-mini') {\n      margin: 48px 0 40px;\n      border-radius: 40px;\n    }\n  }\n\n  .image--opacity {\n    opacity: 0.5;\n  }\n\n  &__archive {\n    width: max-content;\n    padding: 3px 10px;\n    margin-bottom: 30px;\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 14px;\n    color: var(--ui-white);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    background: var(--ui-text-primary);\n    border-radius: 20px;\n  }\n\n  &__section {\n    @include media('>=desktop-mini') {\n      display: flex;\n      align-items: flex-start;\n      justify-content: space-between;\n    }\n  }\n\n  &__title {\n    margin-bottom: 30px;\n    font-size: 16px;\n    font-weight: 800;\n    line-height: 26px;\n\n    @include media('>=portrait-phone') {\n      font-size: 22px;\n    }\n  }\n\n  &__description {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 22px;\n\n    :deep(p) {\n      margin-bottom: 16px;\n    }\n  }\n\n  &__promocode {\n    width: 100%;\n    margin: 24px 0 0 0;\n\n    @include media('>=portrait-phone') {\n      width: auto;\n    }\n\n    @include media('>=desktop-mini') {\n      margin: 0 40px 0 48px;\n    }\n  }\n}\n\n.header {\n  display: -webkit-box;\n  display: flex;\n  flex-wrap: wrap;\n  grid-area: header;\n}\n</style>\n"],"names":["route","useRoute","padeg","domain","useCityStore","sale","error","__temp","__restore","_withAsyncContext","useAsyncData","nuxtApp","saleSlug","_a","_b","result","NotFoundError","createError","HttpStatusCode","ServerError","showError","breadcrumbs","computed","_c","saleBreadcrumb"],"mappings":";;s7BAWA,MAAMA,EAAQC,EAAS,EAEjB,CACJ,SAAU,CAAE,MAAAC,EAAO,OAAAC,CAAO,GACxBC,EAAa,EAEX,CAAE,KAAMC,EAAM,MAAAC,CAAU,GAAA,CAAAC,EAAAC,CAAA,EAAAC,EAAA,SAAMC,EAAa,MAAOC,GAAY,SAC5D,MAAAC,EACJ,QAAOC,EAAAb,GAAA,YAAAA,EAAO,SAAP,YAAAa,EAAe,OAAS,UAAWC,EAAAd,GAAA,YAAAA,EAAO,SAAP,YAAAc,EAAe,KAAO,GAE5DC,EAAS,MAAMJ,GAAA,YAAAA,EAAS,YAAY,MAAM,UAAUC,IAE1D,GAAIG,aAAkBC,EACpB,MAAMC,EAAY,CAChB,WAAYC,EAAe,SAAA,CAC5B,EAGC,GAAAH,aAAkBI,GAAeJ,aAAkB,MACrD,MAAME,EAAY,CAChB,WAAYC,EAAe,qBAAA,CAC5B,EAGH,OAAOH,GAAA,YAAAA,EAAQ,IAAA,EACjB,aAAC,CAAA,mBAEGT,EAAM,OAAiBc,EAAAd,EAAM,KAAK,EAEhC,MAAAe,EAAcC,EAAS,IAAM,WACjC,MAAMD,EAA4B,CAChC,CAAE,KAAM,mBAAmBnB,GAAA,YAAAA,EAAO,IAAI,GAAI,KAAM,GAAI,EACpD,CAAE,KAAM,QAAS,KAAM,SAAU,EACjC,CAAE,OAAMW,EAAAR,GAAA,YAAAA,EAAM,QAAN,YAAAQ,EAAa,QAAS,GAAI,OAAMC,EAAAT,GAAA,YAAAA,EAAM,QAAN,YAAAS,EAAa,OAAQ,EAAG,CAClE,EAEI,IAAAS,EAAAlB,GAAA,YAAAA,EAAM,QAAN,MAAAkB,EAAa,QAAS,CAClB,MAAAC,EAAiBH,EAAY,IAAI,EAEvCA,EAAY,KAAK,CACf,KAAM,cACN,KAAM,iBAAA,CACP,EAEiBA,GAAAA,EAAY,KAAKG,CAAc,CAAA,CAG5CH,OAAAA,CAAA,CACR","debug_id":"ac325467-8504-59ac-8a62-305dbed66c69"}