import __nuxt_component_0 from './GlobalLoader-CBULtKs6.mjs';
import { k as useRoute, d as useI18n, q as useSetI18nParams, e as useSeoMeta, s as useHead, n as navigateTo, B as showError, b as useRuntimeConfig, c as useSchemaOrg, g as _sfc_main$d, f as __nuxt_component_0$1, a as _export_sfc } from './server.mjs';
import { u as useBreadcrumbSchema, _ as _sfc_main$5$1, a as _sfc_main$2$1, b as _sfc_main$4$1, c as _sfc_main$3$1, d as _sfc_main$a, e as _sfc_main$1$1 } from './useBreadcrumbSchema-CZ-Fj_m_.mjs';
import { _ as __nuxt_component_8 } from './Clock-D_ej_glW.mjs';
import { defineComponent, computed, watch, unref, mergeProps, withCtx, createTextVNode, toDisplayString, createVNode, resolveDynamicComponent, createBlock, openBlock, ref, useSSRContext } from 'vue';
import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate, ssrRenderVNode, ssrRenderList, ssrRenderClass, ssrRenderAttr, ssrIncludeBooleanAttr } from 'vue/server-renderer';
import { ChevronRight, ChevronLeft } from 'lucide-vue-next';
import { _ as _sfc_main$b } from './Skeleton-CRkCoUmX.mjs';
import { _ as __nuxt_component_1$2 } from './VideoButton-B4IDmAbs.mjs';
import { _ as __nuxt_component_2$1, a as __nuxt_component_1$3 } from './GradientFullArrowRight-B3gaunpf.mjs';
import { b as useProjectDetailsQuery } from './projects-xPpvD22W.mjs';
import { defineWebPage } from '@unhead/schema-org';
import '../_/nitro.mjs';
import 'node:http';
import 'node:https';
import 'node:events';
import 'node:buffer';
import 'nitropack/dist/runtime/plugin';
import 'packrup';
import 'consola';
import 'node:fs';
import 'node:url';
import '@iconify/utils';
import 'node:crypto';
import 'ipx';
import 'node:path';
import 'pinia';
import '@pinia/colada';
import 'vue-router';
import '@unhead/schema-org/vue';
import 'deep-pick-omit';
import '@iconify/vue';
import '../routes/renderer.mjs';
import 'vue-bundle-renderer/runtime';
import 'unhead/server';
import 'devalue';
import 'unhead/plugins';
import 'unhead/utils';
import './utils-H80jjgLf.mjs';
import 'clsx';
import 'tailwind-merge';
import 'reka-ui';
import './useApi-Dv-cyvzn.mjs';
import 'axios';
import 'vue-sonner';

const _sfc_main$9 = /* @__PURE__ */ defineComponent({
  __name: "SingleProjectHero",
  __ssrInlineRender: true,
  props: {
    projectInfo: {}
  },
  setup(__props) {
    const { locale, t } = useI18n();
    const dir = computed(() => locale.value === "ar" ? "rtl" : "ltr");
    useBreadcrumbSchema([
      { name: t("ourProjects"), link: "/our-projects" },
      { name: __props.projectInfo.title }
    ]);
    return (_ctx, _push, _parent, _attrs) => {
      const _component_NuxtImg = _sfc_main$d;
      const _component_Breadcrumb = _sfc_main$5$1;
      const _component_BreadcrumbList = _sfc_main$2$1;
      const _component_BreadcrumbItem = _sfc_main$4$1;
      const _component_BreadcrumbLink = _sfc_main$3$1;
      const _component_NuxtLinkLocale = __nuxt_component_0$1;
      const _component_BreadcrumbSeparator = _sfc_main$a;
      const _component_BreadcrumbPage = _sfc_main$1$1;
      const _component_SvgClock = __nuxt_component_8;
      _push(`<header${ssrRenderAttrs(mergeProps({ class: "project-hero -mt-header relative min-h-screen" }, _attrs))}>`);
      _push(ssrRenderComponent(_component_NuxtImg, {
        src: _ctx.projectInfo.background_image,
        class: "absolute inset-0 block h-full w-full object-contain",
        alt: _ctx.projectInfo.title
      }, null, _parent));
      _push(`<div class="bg-hero-bg absolute inset-0 z-[1]"></div><div class="relative z-[2] container mx-auto flex min-h-screen flex-col gap-6 px-4 sm:gap-4"><div class="mx-auto pt-[96px]">`);
      _push(ssrRenderComponent(_component_Breadcrumb, null, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(ssrRenderComponent(_component_BreadcrumbList, { class: "text-primary flex items-center gap-1" }, {
              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                if (_push3) {
                  _push3(ssrRenderComponent(_component_BreadcrumbItem, null, {
                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
                      if (_push4) {
                        _push4(ssrRenderComponent(_component_BreadcrumbLink, { "as-child": "" }, {
                          default: withCtx((_4, _push5, _parent5, _scopeId4) => {
                            if (_push5) {
                              _push5(ssrRenderComponent(_component_NuxtLinkLocale, { to: "/" }, {
                                default: withCtx((_5, _push6, _parent6, _scopeId5) => {
                                  if (_push6) {
                                    _push6(`${ssrInterpolate(unref(t)("home"))}`);
                                  } else {
                                    return [
                                      createTextVNode(toDisplayString(unref(t)("home")), 1)
                                    ];
                                  }
                                }),
                                _: 1
                              }, _parent5, _scopeId4));
                            } else {
                              return [
                                createVNode(_component_NuxtLinkLocale, { to: "/" }, {
                                  default: withCtx(() => [
                                    createTextVNode(toDisplayString(unref(t)("home")), 1)
                                  ]),
                                  _: 1
                                })
                              ];
                            }
                          }),
                          _: 1
                        }, _parent4, _scopeId3));
                      } else {
                        return [
                          createVNode(_component_BreadcrumbLink, { "as-child": "" }, {
                            default: withCtx(() => [
                              createVNode(_component_NuxtLinkLocale, { to: "/" }, {
                                default: withCtx(() => [
                                  createTextVNode(toDisplayString(unref(t)("home")), 1)
                                ]),
                                _: 1
                              })
                            ]),
                            _: 1
                          })
                        ];
                      }
                    }),
                    _: 1
                  }, _parent3, _scopeId2));
                  _push3(ssrRenderComponent(_component_BreadcrumbSeparator, null, {
                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
                      if (_push4) {
                        ssrRenderVNode(_push4, createVNode(resolveDynamicComponent(unref(dir) === "ltr" ? unref(ChevronRight) : unref(ChevronLeft)), { size: 20 }, null), _parent4, _scopeId3);
                      } else {
                        return [
                          (openBlock(), createBlock(resolveDynamicComponent(unref(dir) === "ltr" ? unref(ChevronRight) : unref(ChevronLeft)), { size: 20 }))
                        ];
                      }
                    }),
                    _: 1
                  }, _parent3, _scopeId2));
                  _push3(ssrRenderComponent(_component_BreadcrumbItem, null, {
                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
                      if (_push4) {
                        _push4(ssrRenderComponent(_component_BreadcrumbLink, { "as-child": "" }, {
                          default: withCtx((_4, _push5, _parent5, _scopeId4) => {
                            if (_push5) {
                              _push5(ssrRenderComponent(_component_NuxtLinkLocale, { to: "/our-projects" }, {
                                default: withCtx((_5, _push6, _parent6, _scopeId5) => {
                                  if (_push6) {
                                    _push6(`${ssrInterpolate(unref(t)("ourProjects"))}`);
                                  } else {
                                    return [
                                      createTextVNode(toDisplayString(unref(t)("ourProjects")), 1)
                                    ];
                                  }
                                }),
                                _: 1
                              }, _parent5, _scopeId4));
                            } else {
                              return [
                                createVNode(_component_NuxtLinkLocale, { to: "/our-projects" }, {
                                  default: withCtx(() => [
                                    createTextVNode(toDisplayString(unref(t)("ourProjects")), 1)
                                  ]),
                                  _: 1
                                })
                              ];
                            }
                          }),
                          _: 1
                        }, _parent4, _scopeId3));
                      } else {
                        return [
                          createVNode(_component_BreadcrumbLink, { "as-child": "" }, {
                            default: withCtx(() => [
                              createVNode(_component_NuxtLinkLocale, { to: "/our-projects" }, {
                                default: withCtx(() => [
                                  createTextVNode(toDisplayString(unref(t)("ourProjects")), 1)
                                ]),
                                _: 1
                              })
                            ]),
                            _: 1
                          })
                        ];
                      }
                    }),
                    _: 1
                  }, _parent3, _scopeId2));
                  _push3(ssrRenderComponent(_component_BreadcrumbSeparator, null, {
                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
                      if (_push4) {
                        ssrRenderVNode(_push4, createVNode(resolveDynamicComponent(unref(dir) === "ltr" ? unref(ChevronRight) : unref(ChevronLeft)), { size: 20 }, null), _parent4, _scopeId3);
                      } else {
                        return [
                          (openBlock(), createBlock(resolveDynamicComponent(unref(dir) === "ltr" ? unref(ChevronRight) : unref(ChevronLeft)), { size: 20 }))
                        ];
                      }
                    }),
                    _: 1
                  }, _parent3, _scopeId2));
                  _push3(ssrRenderComponent(_component_BreadcrumbItem, null, {
                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
                      if (_push4) {
                        _push4(ssrRenderComponent(_component_BreadcrumbPage, { class: "text-accent" }, {
                          default: withCtx((_4, _push5, _parent5, _scopeId4) => {
                            if (_push5) {
                              _push5(`${ssrInterpolate(_ctx.projectInfo.title)}`);
                            } else {
                              return [
                                createTextVNode(toDisplayString(_ctx.projectInfo.title), 1)
                              ];
                            }
                          }),
                          _: 1
                        }, _parent4, _scopeId3));
                      } else {
                        return [
                          createVNode(_component_BreadcrumbPage, { class: "text-accent" }, {
                            default: withCtx(() => [
                              createTextVNode(toDisplayString(_ctx.projectInfo.title), 1)
                            ]),
                            _: 1
                          })
                        ];
                      }
                    }),
                    _: 1
                  }, _parent3, _scopeId2));
                } else {
                  return [
                    createVNode(_component_BreadcrumbItem, null, {
                      default: withCtx(() => [
                        createVNode(_component_BreadcrumbLink, { "as-child": "" }, {
                          default: withCtx(() => [
                            createVNode(_component_NuxtLinkLocale, { to: "/" }, {
                              default: withCtx(() => [
                                createTextVNode(toDisplayString(unref(t)("home")), 1)
                              ]),
                              _: 1
                            })
                          ]),
                          _: 1
                        })
                      ]),
                      _: 1
                    }),
                    createVNode(_component_BreadcrumbSeparator, null, {
                      default: withCtx(() => [
                        (openBlock(), createBlock(resolveDynamicComponent(unref(dir) === "ltr" ? unref(ChevronRight) : unref(ChevronLeft)), { size: 20 }))
                      ]),
                      _: 1
                    }),
                    createVNode(_component_BreadcrumbItem, null, {
                      default: withCtx(() => [
                        createVNode(_component_BreadcrumbLink, { "as-child": "" }, {
                          default: withCtx(() => [
                            createVNode(_component_NuxtLinkLocale, { to: "/our-projects" }, {
                              default: withCtx(() => [
                                createTextVNode(toDisplayString(unref(t)("ourProjects")), 1)
                              ]),
                              _: 1
                            })
                          ]),
                          _: 1
                        })
                      ]),
                      _: 1
                    }),
                    createVNode(_component_BreadcrumbSeparator, null, {
                      default: withCtx(() => [
                        (openBlock(), createBlock(resolveDynamicComponent(unref(dir) === "ltr" ? unref(ChevronRight) : unref(ChevronLeft)), { size: 20 }))
                      ]),
                      _: 1
                    }),
                    createVNode(_component_BreadcrumbItem, null, {
                      default: withCtx(() => [
                        createVNode(_component_BreadcrumbPage, { class: "text-accent" }, {
                          default: withCtx(() => [
                            createTextVNode(toDisplayString(_ctx.projectInfo.title), 1)
                          ]),
                          _: 1
                        })
                      ]),
                      _: 1
                    })
                  ];
                }
              }),
              _: 1
            }, _parent2, _scopeId));
          } else {
            return [
              createVNode(_component_BreadcrumbList, { class: "text-primary flex items-center gap-1" }, {
                default: withCtx(() => [
                  createVNode(_component_BreadcrumbItem, null, {
                    default: withCtx(() => [
                      createVNode(_component_BreadcrumbLink, { "as-child": "" }, {
                        default: withCtx(() => [
                          createVNode(_component_NuxtLinkLocale, { to: "/" }, {
                            default: withCtx(() => [
                              createTextVNode(toDisplayString(unref(t)("home")), 1)
                            ]),
                            _: 1
                          })
                        ]),
                        _: 1
                      })
                    ]),
                    _: 1
                  }),
                  createVNode(_component_BreadcrumbSeparator, null, {
                    default: withCtx(() => [
                      (openBlock(), createBlock(resolveDynamicComponent(unref(dir) === "ltr" ? unref(ChevronRight) : unref(ChevronLeft)), { size: 20 }))
                    ]),
                    _: 1
                  }),
                  createVNode(_component_BreadcrumbItem, null, {
                    default: withCtx(() => [
                      createVNode(_component_BreadcrumbLink, { "as-child": "" }, {
                        default: withCtx(() => [
                          createVNode(_component_NuxtLinkLocale, { to: "/our-projects" }, {
                            default: withCtx(() => [
                              createTextVNode(toDisplayString(unref(t)("ourProjects")), 1)
                            ]),
                            _: 1
                          })
                        ]),
                        _: 1
                      })
                    ]),
                    _: 1
                  }),
                  createVNode(_component_BreadcrumbSeparator, null, {
                    default: withCtx(() => [
                      (openBlock(), createBlock(resolveDynamicComponent(unref(dir) === "ltr" ? unref(ChevronRight) : unref(ChevronLeft)), { size: 20 }))
                    ]),
                    _: 1
                  }),
                  createVNode(_component_BreadcrumbItem, null, {
                    default: withCtx(() => [
                      createVNode(_component_BreadcrumbPage, { class: "text-accent" }, {
                        default: withCtx(() => [
                          createTextVNode(toDisplayString(_ctx.projectInfo.title), 1)
                        ]),
                        _: 1
                      })
                    ]),
                    _: 1
                  })
                ]),
                _: 1
              })
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div><div class="flex h-full min-h-[calc(100vh-170px)] w-full flex-col items-center justify-center"><div class="mb-3">`);
      _push(ssrRenderComponent(_component_NuxtImg, {
        src: _ctx.projectInfo.colored_logo,
        alt: _ctx.projectInfo.title,
        width: 126,
        height: 64
      }, null, _parent));
      _push(`</div><div class="caption mb-8 flex flex-col gap-4 text-center"><h1 class="dark-text-gradient mx-auto text-3xl font-bold lg:w-[940px] lg:text-[2.5rem]">${ssrInterpolate(_ctx.projectInfo.title)}</h1><p class="dark-text-gradient mx-auto lg:w-[850px] lg:text-lg">${ssrInterpolate(_ctx.projectInfo.description)}</p></div><div class="created-at flex items-center gap-2"><p>${ssrInterpolate(_ctx.projectInfo.country)}</p><p>|</p><p>${ssrInterpolate(_ctx.projectInfo.created_year)}</p>`);
      _push(ssrRenderComponent(_component_SvgClock, null, null, _parent));
      _push(`</div></div></div></header>`);
    };
  }
});
const _sfc_setup$9 = _sfc_main$9.setup;
_sfc_main$9.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/projects/SingleProjectHero.vue");
  return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
};
const _sfc_main$8 = /* @__PURE__ */ defineComponent({
  __name: "SingleProjectContnetSkeleton",
  __ssrInlineRender: true,
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<section${ssrRenderAttrs(mergeProps({ class: "py-section" }, _attrs))}><div class="container mx-auto px-4"><div class="flex flex-col justify-between gap-y-8 lg:flex-row lg:items-center"><div class="flex w-full flex-col gap-6 lg:w-1/2">`);
      _push(ssrRenderComponent(unref(_sfc_main$b), { class: "h-8 w-1/2 rounded" }, null, _parent));
      _push(ssrRenderComponent(unref(_sfc_main$b), { class: "h-4 w-full" }, null, _parent));
      _push(ssrRenderComponent(unref(_sfc_main$b), { class: "h-4 w-[90%]" }, null, _parent));
      _push(ssrRenderComponent(unref(_sfc_main$b), { class: "h-4 w-[80%]" }, null, _parent));
      _push(`<div class="flex flex-wrap gap-4">`);
      _push(ssrRenderComponent(unref(_sfc_main$b), { class: "h-10 w-[180px] rounded-md" }, null, _parent));
      _push(ssrRenderComponent(unref(_sfc_main$b), { class: "h-10 w-[180px] rounded-md" }, null, _parent));
      _push(`</div></div><div class="w-full lg:w-5/12">`);
      _push(ssrRenderComponent(unref(_sfc_main$b), { class: "h-[320px] w-full rounded-2xl" }, null, _parent));
      _push(`</div></div></div></section>`);
    };
  }
});
const _sfc_setup$8 = _sfc_main$8.setup;
_sfc_main$8.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/skeletons/SingleProjectContnetSkeleton.vue");
  return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
};
const _sfc_main$7 = {};
function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs) {
  _push(`<svg${ssrRenderAttrs(mergeProps({
    xmlns: "http://www.w3.org/2000/svg",
    width: "25",
    height: "25",
    viewBox: "0 0 25 25",
    fill: "none"
  }, _attrs))}><path fill-rule="evenodd" clip-rule="evenodd" d="M17.4241 6.16958C16.0126 4.7878 14.1129 4.01866 12.1376 4.02918C10.1624 4.0397 8.27102 4.82903 6.87428 6.22577C5.47754 7.62251 4.68821 9.51387 4.67769 11.4891C4.66717 13.4644 5.43631 15.364 6.81809 16.7756C6.95879 16.9163 7.03783 17.1071 7.03783 17.3061C7.03783 17.5051 6.95879 17.6959 6.81809 17.8366C6.6774 17.9773 6.48657 18.0563 6.28759 18.0563C6.08862 18.0563 5.89779 17.9773 5.75709 17.8366C4.71055 16.79 3.93825 15.5015 3.50862 14.0852C3.07899 12.6689 3.00528 11.1684 3.29403 9.71682C3.58278 8.26521 4.22507 6.90721 5.164 5.76311C6.10294 4.61902 7.30954 3.72414 8.67693 3.15775C10.0443 2.59135 11.5303 2.37093 13.0032 2.51599C14.4761 2.66106 15.8906 3.16714 17.1212 3.98941C18.3518 4.81167 19.3607 5.92475 20.0584 7.23003C20.7561 8.53532 21.1211 9.99253 21.1211 11.4726C21.1211 11.6715 21.0421 11.8623 20.9014 12.0029C20.7608 12.1436 20.57 12.2226 20.3711 12.2226C20.1722 12.2226 19.9814 12.1436 19.8408 12.0029C19.7001 11.8623 19.6211 11.6715 19.6211 11.4726C19.6211 9.55258 18.8891 7.63358 17.4241 6.16958ZM15.3031 8.29058C14.4592 7.44666 13.3146 6.97255 12.1211 6.97255C10.9276 6.97255 9.78301 7.44666 8.93909 8.29058C8.09518 9.1345 7.62107 10.2791 7.62107 11.4726C7.62107 12.6661 8.09518 13.8107 8.93909 14.6546C9.01278 14.7232 9.07188 14.806 9.11288 14.898C9.15387 14.99 9.17591 15.0894 9.17769 15.1901C9.17946 15.2908 9.16094 15.3908 9.12322 15.4842C9.0855 15.5776 9.02935 15.6624 8.95813 15.7336C8.88691 15.8048 8.80208 15.861 8.70869 15.8987C8.6153 15.9364 8.51527 15.9549 8.41457 15.9532C8.31387 15.9514 8.21456 15.9294 8.12256 15.8884C8.03056 15.8474 7.94776 15.7883 7.87909 15.7146C7.18122 15.0169 6.66619 14.1579 6.37964 13.2136C6.09308 12.2693 6.04386 11.269 6.23631 10.3011C6.42877 9.33326 6.85697 8.42782 7.48298 7.66501C8.10898 6.90219 8.91347 6.30555 9.82517 5.92795C10.7369 5.55035 11.7276 5.40344 12.7097 5.50024C13.6917 5.59703 14.6347 5.93455 15.4551 6.48289C16.2756 7.03123 16.9481 7.77345 17.4131 8.64381C17.8781 9.51416 18.1213 10.4858 18.1211 11.4726C18.1211 11.6715 18.0421 11.8623 17.9014 12.0029C17.7608 12.1436 17.57 12.2226 17.3711 12.2226C17.1722 12.2226 16.9814 12.1436 16.8408 12.0029C16.7001 11.8623 16.6211 11.6715 16.6211 11.4726C16.6211 10.3196 16.1811 9.16958 15.3031 8.29058ZM11.6691 9.60458C11.8211 9.56382 11.9821 9.57192 12.1293 9.62774C12.2765 9.68355 12.4023 9.78425 12.4891 9.91558L17.7171 17.8326C17.7989 17.9564 17.8421 18.1018 17.8413 18.2502C17.8405 18.3986 17.7956 18.5434 17.7124 18.6664C17.6292 18.7893 17.5114 18.8848 17.3739 18.9407C17.2365 18.9966 17.0855 19.0105 16.9401 18.9806L14.8431 18.5506L15.8881 22.4506C15.9395 22.6429 15.9125 22.8477 15.8129 23.0201C15.7133 23.1924 15.5494 23.3181 15.3571 23.3696C15.1648 23.421 14.96 23.394 14.7876 23.2944C14.6153 23.1948 14.4895 23.0309 14.4381 22.8386L13.3941 18.9396L11.7931 20.3596C11.6821 20.4582 11.5444 20.5218 11.3973 20.5421C11.2502 20.5624 11.1004 20.5386 10.9669 20.4737C10.8334 20.4088 10.7221 20.3057 10.6472 20.1775C10.5723 20.0493 10.5371 19.9018 10.5461 19.7536L11.1151 10.2836C11.1244 10.1264 11.1829 9.9762 11.2823 9.85415C11.3818 9.73211 11.5171 9.64444 11.6691 9.60358V9.60458Z" fill="currentColor"></path></svg>`);
}
const _sfc_setup$7 = _sfc_main$7.setup;
_sfc_main$7.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/svg/VisitIcon.vue");
  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
};
const __nuxt_component_1$1 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["ssrRender", _sfc_ssrRender$2]]);
const _sfc_main$6 = {};
function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs) {
  _push(`<svg${ssrRenderAttrs(mergeProps({
    xmlns: "http://www.w3.org/2000/svg",
    width: "25",
    height: "25",
    viewBox: "0 0 25 25",
    fill: "none"
  }, _attrs))}><g clip-path="url(#clip0_731_26124)"><path d="M13.3712 11.8477L16.5212 8.47266L4.29619 1.87266C4.22119 1.79766 4.07119 1.79766 3.84619 1.72266L13.3712 11.8477Z" fill="currentColor"></path><path d="M17.8712 16.7227L22.2962 14.3227C22.8212 14.0227 23.1212 13.5727 23.1212 12.9727C23.1212 12.3727 22.8212 11.8477 22.2962 11.6227L17.8712 9.22266L14.3462 12.9727L17.8712 16.7227Z" fill="currentColor"></path><path d="M2.42109 2.39844C2.19609 2.62344 2.12109 2.92344 2.12109 3.22344V22.7234C2.12109 23.0234 2.19609 23.3234 2.42109 23.6234L12.3211 12.9734L2.42109 2.39844Z" fill="currentColor"></path><path d="M13.3712 14.0977L3.84619 24.2227C3.99619 24.2227 4.14619 24.1477 4.29619 24.0727L16.5212 17.4727L13.3712 14.0977Z" fill="currentColor"></path></g><defs><clipPath id="clip0_731_26124"><rect width="24" height="24" fill="white" transform="translate(0.621094 0.972656)"></rect></clipPath></defs></svg>`);
}
const _sfc_setup$6 = _sfc_main$6.setup;
_sfc_main$6.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/svg/PlayStore.vue");
  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
};
const __nuxt_component_2 = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["ssrRender", _sfc_ssrRender$1]]);
const _sfc_main$5 = {};
function _sfc_ssrRender(_ctx, _push, _parent, _attrs) {
  _push(`<svg${ssrRenderAttrs(mergeProps({
    xmlns: "http://www.w3.org/2000/svg",
    width: "21",
    height: "24",
    viewBox: "0 0 21 24",
    fill: "none"
  }, _attrs))}><path d="M15.1216 0.0820312C15.1775 0.0820312 15.2334 0.0820312 15.2924 0.0820312C15.4294 1.77456 14.7833 3.03922 13.9982 3.95504C13.2278 4.86454 12.1729 5.74663 10.4667 5.61279C10.3528 3.9445 10.9999 2.77364 11.784 1.85993C12.5112 1.00839 13.8443 0.250652 15.1216 0.0820312Z" fill="currentColor"></path><path d="M20.2865 17.4543C20.2865 17.4711 20.2865 17.4859 20.2865 17.5017C19.807 18.9539 19.1231 20.1986 18.2884 21.3536C17.5264 22.4022 16.5927 23.8134 14.9255 23.8134C13.4848 23.8134 12.5279 22.887 11.0514 22.8617C9.48955 22.8364 8.63064 23.6363 7.20263 23.8376C7.03928 23.8376 6.87593 23.8376 6.71574 23.8376C5.66713 23.6859 4.82086 22.8554 4.20434 22.1072C2.3864 19.8961 0.981577 17.0401 0.720215 13.3852C0.720215 13.0269 0.720215 12.6697 0.720215 12.3113C0.830872 9.69561 2.10185 7.56888 3.79122 6.53819C4.6828 5.99017 5.90846 5.5233 7.27324 5.73197C7.85814 5.8226 8.45569 6.02284 8.97947 6.22097C9.47585 6.41172 10.0966 6.75002 10.6846 6.7321C11.083 6.72051 11.4793 6.5129 11.8808 6.36641C13.0569 5.94169 14.2099 5.4548 15.7296 5.68349C17.5559 5.95961 18.8522 6.7711 19.6532 8.02311C18.1082 9.00638 16.8867 10.4881 17.0954 13.0185C17.2809 15.317 18.6172 16.6618 20.2865 17.4543Z" fill="currentColor"></path></svg>`);
}
const _sfc_setup$5 = _sfc_main$5.setup;
_sfc_main$5.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/svg/AppleStore.vue");
  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
};
const __nuxt_component_3 = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["ssrRender", _sfc_ssrRender]]);
const _sfc_main$4 = /* @__PURE__ */ defineComponent({
  __name: "SingleProjectVideoSlider",
  __ssrInlineRender: true,
  props: {
    projectContent: {}
  },
  setup(__props) {
    const props = __props;
    const videos = computed(
      () => Array.isArray(props.projectContent) ? props.projectContent : props.projectContent.value
    );
    const currentIndex = ref(0);
    ref([]);
    const playingVideoIndex = ref(null);
    const youtubeEmbedUrls = ref(/* @__PURE__ */ new Map());
    ref("left");
    const YOUTUBE_REGEX = /(?:youtube\.com\/(?:.*v=|embed\/|shorts\/)|youtu\.be\/)([a-zA-Z0-9_-]{11})/;
    const isYouTubeVideo = (url) => url.includes("youtube") || url.includes("youtu.be");
    const getYouTubeVideoId = (url) => {
      const match = url.match(YOUTUBE_REGEX);
      return match ? match[1] : null;
    };
    const getYouTubeThumbnail = (url) => {
      const videoId = getYouTubeVideoId(url);
      return videoId ? `https://img.youtube.com/vi/${videoId}/maxresdefault.jpg` : "";
    };
    watch(currentIndex, () => {
      playingVideoIndex.value = null;
    });
    return (_ctx, _push, _parent, _attrs) => {
      var _a;
      const _component_NuxtImg = _sfc_main$d;
      const _component_SvgVideoButton = __nuxt_component_1$2;
      const _component_SvgGradientFullArrowLeft = __nuxt_component_2$1;
      const _component_SvgGradientFullArrowRight = __nuxt_component_1$3;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "relative w-full" }, _attrs))} data-v-516e67ab><div class="relative aspect-video w-full overflow-hidden rounded-2xl" data-v-516e67ab>`);
      if (unref(videos)[unref(currentIndex)]) {
        _push(`<div class="h-full w-full" data-v-516e67ab>`);
        if (isYouTubeVideo(unref(videos)[unref(currentIndex)].video_url)) {
          _push(`<!--[-->`);
          if (unref(playingVideoIndex) !== unref(currentIndex)) {
            _push(ssrRenderComponent(_component_NuxtImg, {
              src: getYouTubeThumbnail(unref(videos)[unref(currentIndex)].video_url),
              class: "gallery-media",
              alt: ((_a = unref(videos)[unref(currentIndex)]) == null ? void 0 : _a.alt_image) || "Youtube thumbnail"
            }, null, _parent));
          } else {
            _push(`<iframe class="gallery-media aspect-video"${ssrRenderAttr("src", unref(youtubeEmbedUrls).get(unref(currentIndex)) || "")} frameborder="0" allowfullscreen allow="autoplay; encrypted-media" data-v-516e67ab></iframe>`);
          }
          _push(`<!--]-->`);
        } else {
          _push(`<video${ssrRenderAttr("src", unref(videos)[unref(currentIndex)].video_url)} class="gallery-media aspect-video" controls muted loop data-v-516e67ab></video>`);
        }
        if (unref(playingVideoIndex) !== unref(currentIndex)) {
          _push(`<div class="absolute inset-0 flex cursor-pointer items-center justify-center rounded-2xl bg-[rgba(0,0,0,0.5)]" data-v-516e67ab>`);
          _push(ssrRenderComponent(_component_SvgVideoButton, { class: "h-[40px] w-[40px]" }, null, _parent));
          _push(`</div>`);
        } else {
          _push(`<!---->`);
        }
        _push(`</div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div>`);
      if (unref(videos).length > 1) {
        _push(`<div class="relative z-10 mt-6 flex items-center justify-center gap-6" data-v-516e67ab><button class="bg-surface-background border-surface-border flex-shrink-0 cursor-pointer rounded border p-3"${ssrIncludeBooleanAttr(unref(videos).length === 0) ? " disabled" : ""} aria-label="Previous video" data-v-516e67ab>`);
        _push(ssrRenderComponent(_component_SvgGradientFullArrowLeft, { class: "rtl:scale-x-[-1]" }, null, _parent));
        _push(`</button><div class="flex flex-wrap items-center justify-center gap-2" data-v-516e67ab><!--[-->`);
        ssrRenderList(unref(videos), (video, index) => {
          _push(`<div class="${ssrRenderClass([{ active: unref(currentIndex) === index }, "pagination-dot"])}" data-v-516e67ab></div>`);
        });
        _push(`<!--]--></div><button class="bg-surface-background border-surface-border flex-shrink-0 cursor-pointer rounded border p-3"${ssrIncludeBooleanAttr(unref(videos).length === 0) ? " disabled" : ""} aria-label="Next video" data-v-516e67ab>`);
        _push(ssrRenderComponent(_component_SvgGradientFullArrowRight, { class: "rtl:scale-x-[-1]" }, null, _parent));
        _push(`</button></div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div>`);
    };
  }
});
const _sfc_setup$4 = _sfc_main$4.setup;
_sfc_main$4.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/projects/SingleProjectVideoSlider.vue");
  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
};
const SingleProjectVideoSlider = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-516e67ab"]]);
const _sfc_main$3 = /* @__PURE__ */ defineComponent({
  __name: "SingleProjectsImagesSlider",
  __ssrInlineRender: true,
  props: {
    images: {},
    imageTitle: {}
  },
  setup(__props) {
    const currentIndex = ref(0);
    const direction = ref("left");
    return (_ctx, _push, _parent, _attrs) => {
      const _component_NuxtImg = _sfc_main$d;
      const _component_SvgGradientFullArrowLeft = __nuxt_component_2$1;
      const _component_SvgGradientFullArrowRight = __nuxt_component_1$3;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "relative w-full" }, _attrs))} data-v-b4410ea0><div class="relative aspect-[3/2] w-full overflow-hidden" data-v-b4410ea0><div${ssrRenderAttrs({
        name: `slide-${unref(direction)}`,
        class: "relative h-full w-full"
      })} data-v-b4410ea0>`);
      if (_ctx.images[unref(currentIndex)]) {
        _push(`<div class="absolute inset-0" data-v-b4410ea0>`);
        _push(ssrRenderComponent(_component_NuxtImg, {
          src: _ctx.images[unref(currentIndex)],
          class: "gallery-media",
          alt: `${_ctx.imageTitle}-${unref(currentIndex) + 1}`,
          width: 627,
          height: 418
        }, null, _parent));
        _push(`</div>`);
      }
      _push(`</div></div>`);
      if (_ctx.images.length > 1) {
        _push(`<div class="relative z-10 mt-6 flex items-center justify-center gap-6" data-v-b4410ea0><button class="bg-surface-background border-surface-border flex-shrink-0 cursor-pointer rounded border p-3" aria-label="Previous image" data-v-b4410ea0>`);
        _push(ssrRenderComponent(_component_SvgGradientFullArrowLeft, { class: "rtl:scale-x-[-1]" }, null, _parent));
        _push(`</button><div class="flex flex-wrap items-center justify-center gap-2" data-v-b4410ea0><!--[-->`);
        ssrRenderList(_ctx.images, (image, index) => {
          _push(`<div class="${ssrRenderClass([{ active: unref(currentIndex) === index }, "pagination-dot"])}" data-v-b4410ea0></div>`);
        });
        _push(`<!--]--></div><button class="bg-surface-background border-surface-border flex-shrink-0 cursor-pointer rounded border p-3" aria-label="Next image" data-v-b4410ea0>`);
        _push(ssrRenderComponent(_component_SvgGradientFullArrowRight, { class: "rtl:scale-x-[-1]" }, null, _parent));
        _push(`</button></div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div>`);
    };
  }
});
const _sfc_setup$3 = _sfc_main$3.setup;
_sfc_main$3.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/projects/SingleProjectsImagesSlider.vue");
  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
};
const SingleProjectsImagesSlider = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-b4410ea0"]]);
const _sfc_main$2 = /* @__PURE__ */ defineComponent({
  __name: "SingleProjectContnet",
  __ssrInlineRender: true,
  props: {
    projectContnet: {},
    sectionBg: {},
    reverse: { type: Boolean }
  },
  setup(__props) {
    const titleParts = computed(() => {
      const words = __props.projectContnet.title.trim().split(" ");
      return {
        firstWord: words[0],
        rest: words.slice(1).join(" ")
      };
    });
    return (_ctx, _push, _parent, _attrs) => {
      var _a;
      const _component_NuxtLinkLocale = __nuxt_component_0$1;
      const _component_SvgVisitIcon = __nuxt_component_1$1;
      const _component_SvgPlayStore = __nuxt_component_2;
      const _component_SvgAppleStore = __nuxt_component_3;
      _push(`<section${ssrRenderAttrs(mergeProps({
        class: ["py-narrow-section", _ctx.sectionBg]
      }, _attrs))} data-v-c8c1c6b2><div class="container mx-auto px-4" data-v-c8c1c6b2><div class="${ssrRenderClass([_ctx.reverse ? "lg:flex-row-reverse" : "lg:flex-row", "flex flex-col justify-between gap-y-8 lg:flex-row lg:items-center"])}" data-v-c8c1c6b2><div class="flex w-full flex-col gap-8 lg:w-1/2" data-v-c8c1c6b2><h2 class="text-3xl leading-snug font-bold lg:text-[40px]" data-v-c8c1c6b2><span class="text-accent" data-v-c8c1c6b2>${ssrInterpolate(unref(titleParts).firstWord)}\xA0</span><span data-v-c8c1c6b2>${ssrInterpolate(unref(titleParts).rest)}</span></h2><div class="v-html-prose" data-v-c8c1c6b2>${(_a = _ctx.projectContnet.description) != null ? _a : ""}</div><div class="buttons flex flex-col gap-4" data-v-c8c1c6b2>`);
      if (_ctx.projectContnet.websiteLink) {
        _push(ssrRenderComponent(_component_NuxtLinkLocale, {
          to: _ctx.projectContnet.websiteLink,
          target: "_blank",
          rel: "noopener noreferrer",
          class: "bg-foreground text-primary-foreground flex w-fit items-center gap-2 rounded-[.5rem] px-8 py-2"
        }, {
          default: withCtx((_, _push2, _parent2, _scopeId) => {
            if (_push2) {
              _push2(`<span data-v-c8c1c6b2${_scopeId}>${ssrInterpolate(_ctx.$t("projectsButtons.visitWebsite"))}</span>`);
              _push2(ssrRenderComponent(_component_SvgVisitIcon, null, null, _parent2, _scopeId));
            } else {
              return [
                createVNode("span", null, toDisplayString(_ctx.$t("projectsButtons.visitWebsite")), 1),
                createVNode(_component_SvgVisitIcon)
              ];
            }
          }),
          _: 1
        }, _parent));
      } else {
        _push(`<!---->`);
      }
      if (_ctx.projectContnet.mobileLinks) {
        _push(`<div class="xs:justify-start flex flex-wrap items-center justify-center gap-4" data-v-c8c1c6b2>`);
        if (_ctx.projectContnet.mobileLinks.googlePlayStore) {
          _push(ssrRenderComponent(_component_NuxtLinkLocale, {
            to: _ctx.projectContnet.mobileLinks.googlePlayStore,
            target: "_blank",
            rel: "noopener noreferrer",
            class: "bg-foreground text-primary-foreground xs:w-auto flex w-full min-w-[200px] items-center justify-center gap-2 rounded-[.5rem] px-3 py-2"
          }, {
            default: withCtx((_, _push2, _parent2, _scopeId) => {
              if (_push2) {
                _push2(`<span data-v-c8c1c6b2${_scopeId}>${ssrInterpolate(_ctx.$t("projectsButtons.googlePlay"))}</span>`);
                _push2(ssrRenderComponent(_component_SvgPlayStore, null, null, _parent2, _scopeId));
              } else {
                return [
                  createVNode("span", null, toDisplayString(_ctx.$t("projectsButtons.googlePlay")), 1),
                  createVNode(_component_SvgPlayStore)
                ];
              }
            }),
            _: 1
          }, _parent));
        } else {
          _push(`<!---->`);
        }
        if (_ctx.projectContnet.mobileLinks.appleStore) {
          _push(ssrRenderComponent(_component_NuxtLinkLocale, {
            to: _ctx.projectContnet.mobileLinks.appleStore,
            target: "_blank",
            rel: "noopener noreferrer",
            class: "bg-foreground text-primary-foreground xs:w-auto flex w-full min-w-[200px] items-center justify-center gap-2 rounded-[.5rem] px-3 py-2"
          }, {
            default: withCtx((_, _push2, _parent2, _scopeId) => {
              if (_push2) {
                _push2(`<span data-v-c8c1c6b2${_scopeId}>${ssrInterpolate(_ctx.$t("projectsButtons.appleStore"))}</span>`);
                _push2(ssrRenderComponent(_component_SvgAppleStore, null, null, _parent2, _scopeId));
              } else {
                return [
                  createVNode("span", null, toDisplayString(_ctx.$t("projectsButtons.appleStore")), 1),
                  createVNode(_component_SvgAppleStore)
                ];
              }
            }),
            _: 1
          }, _parent));
        } else {
          _push(`<!---->`);
        }
        _push(`</div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div></div><div class="w-full lg:w-5/12" data-v-c8c1c6b2>`);
      if (_ctx.projectContnet.videos && _ctx.projectContnet.videos.length > 0) {
        _push(ssrRenderComponent(SingleProjectVideoSlider, {
          "project-content": _ctx.projectContnet.videos
        }, null, _parent));
      } else if (_ctx.projectContnet.images && _ctx.projectContnet.images.length > 0) {
        _push(ssrRenderComponent(SingleProjectsImagesSlider, {
          "image-title": _ctx.projectContnet.title,
          images: _ctx.projectContnet.images
        }, null, _parent));
      } else {
        _push(`<!---->`);
      }
      _push(`</div></div></div></section>`);
    };
  }
});
const _sfc_setup$2 = _sfc_main$2.setup;
_sfc_main$2.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/projects/SingleProjectContnet.vue");
  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
};
const __nuxt_component_1 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-c8c1c6b2"]]);
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
  __name: "SingleProjectSection",
  __ssrInlineRender: true,
  props: {
    projectContnet: {},
    isLoading: { type: Boolean }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      const _component_SkeletonsSingleProjectContnetSkeleton = _sfc_main$8;
      const _component_ProjectsSingleProjectContnet = __nuxt_component_1;
      if (_ctx.isLoading) {
        _push(ssrRenderComponent(_component_SkeletonsSingleProjectContnetSkeleton, _attrs, null, _parent));
      } else {
        _push(`<!--[-->`);
        ssrRenderList(_ctx.projectContnet, (data, index) => {
          _push(`<div>`);
          _push(ssrRenderComponent(_component_ProjectsSingleProjectContnet, {
            "project-contnet": data,
            "section-bg": index % 2 === 0 ? "bg-gradient-odd" : "bg-gradient-even",
            reverse: index % 2 !== 0
          }, null, _parent));
          _push(`</div>`);
        });
        _push(`<!--]-->`);
      }
    };
  }
});
const _sfc_setup$1 = _sfc_main$1.setup;
_sfc_main$1.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/projects/SingleProjectSection.vue");
  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
};
const useProjectSchema = ({
  name,
  description,
  image,
  url
}) => {
  const { locale } = useI18n();
  const config = useRuntimeConfig();
  const siteUrl = config.public.BASE_URL;
  const toAbs = (path) => new URL(path, siteUrl).toString();
  useSchemaOrg([
    defineWebPage({
      "@id": `${toAbs(url)}#webpage`,
      name,
      description,
      url: toAbs(url),
      inLanguage: locale.value,
      primaryImageOfPage: {
        "@type": "ImageObject",
        url: image
      },
      isPartOf: {
        "@id": "https://webstdy.com/#identity"
      }
    })
  ]);
};
const baseUrl = "https://webstdy.com";
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "[slug]",
  __ssrInlineRender: true,
  setup(__props) {
    const route = useRoute();
    const slug = route.params.slug;
    const { data: project, isPending, error } = useProjectDetailsQuery(slug);
    const { locale } = useI18n();
    const setI18nParams = useSetI18nParams();
    const pageTitle = computed(
      () => {
        var _a, _b, _c;
        return ((_b = (_a = project.value) == null ? void 0 : _a.meta) == null ? void 0 : _b.title) || ((_c = project.value) == null ? void 0 : _c.title);
      }
    );
    const pageDescription = computed(
      () => {
        var _a, _b, _c;
        return ((_b = (_a = project.value) == null ? void 0 : _a.meta) == null ? void 0 : _b.meta_tag_description) || ((_c = project.value) == null ? void 0 : _c.description);
      }
    );
    const pageKeyword = computed(() => {
      var _a, _b;
      return (_b = (_a = project.value) == null ? void 0 : _a.meta) == null ? void 0 : _b.meta_tag_keyword;
    });
    const arUrl = computed(
      () => {
        var _a;
        return ((_a = project.value) == null ? void 0 : _a.slug_ar) ? `${baseUrl}/our-projects/${project.value.slug_ar}` : "";
      }
    );
    const enUrl = computed(
      () => {
        var _a;
        return ((_a = project.value) == null ? void 0 : _a.slug_en) ? `${baseUrl}/en/our-projects/${project.value.slug_en}` : "";
      }
    );
    const canonicalUrl = computed(
      () => locale.value === "ar" ? arUrl.value : enUrl.value
    );
    useSeoMeta({
      title: pageTitle,
      description: pageDescription,
      keywords: pageKeyword,
      ogTitle: pageTitle,
      ogDescription: pageDescription
    });
    useHead(() => ({
      link: project.value ? [
        { rel: "canonical", href: canonicalUrl.value },
        { rel: "alternate", hreflang: "x-default", href: arUrl.value },
        { rel: "alternate", hreflang: "ar", href: arUrl.value },
        { rel: "alternate", hreflang: "en", href: enUrl.value }
      ] : []
    }));
    {
      watch(
        project,
        (val) => {
          if (val) {
            useProjectSchema({
              name: pageTitle.value || "",
              description: pageDescription.value || "",
              image: val.background_image || "",
              url: route.path
            });
          }
        },
        { immediate: true }
      );
    }
    watch(
      project,
      (newProject) => {
        if (newProject) {
          const currentSlug = route.params.slug;
          const targetSlug = locale.value === "ar" ? newProject.slug_ar : newProject.slug_en;
          if (currentSlug !== targetSlug) {
            navigateTo(
              {
                name: "our-projects-slug",
                params: { slug: targetSlug }
              },
              {
                redirectCode: 301,
                external: true
              }
            );
          }
          setI18nParams({
            ar: { slug: newProject.slug_ar },
            en: { slug: newProject.slug_en }
          });
        }
      },
      { immediate: true }
    );
    watch(error, (err) => {
      if (err) {
        showError({
          statusCode: 404,
          statusMessage: "Project not found",
          fatal: true
        });
      }
    });
    return (_ctx, _push, _parent, _attrs) => {
      var _a;
      const _component_GlobalLoader = __nuxt_component_0;
      const _component_ProjectsSingleProjectHero = _sfc_main$9;
      const _component_ProjectsSingleProjectSection = _sfc_main$1;
      _push(`<main${ssrRenderAttrs(_attrs)}>`);
      if (unref(isPending)) {
        _push(ssrRenderComponent(_component_GlobalLoader, null, null, _parent));
      } else {
        _push(`<!---->`);
      }
      if (unref(project)) {
        _push(ssrRenderComponent(_component_ProjectsSingleProjectHero, { "project-info": unref(project) }, null, _parent));
      } else {
        _push(`<!---->`);
      }
      if ((_a = unref(project)) == null ? void 0 : _a.project_content) {
        _push(ssrRenderComponent(_component_ProjectsSingleProjectSection, {
          "project-contnet": unref(project).project_content,
          "is-loading": unref(isPending)
        }, null, _parent));
      } else {
        _push(`<!---->`);
      }
      _push(`</main>`);
    };
  }
});
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/our-projects/[slug].vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};

export { _sfc_main as default };
//# sourceMappingURL=_slug_-KXFucipl.mjs.map
