74 lines
4.5 KiB
JavaScript
74 lines
4.5 KiB
JavaScript
import __nuxt_component_0 from "../node_modules/nuxt/dist/app/components/nuxt-link.mjs";
|
|
import { defineComponent, mergeProps, withCtx, createTextVNode, toDisplayString } from "vue";
|
|
import { ssrRenderAttrs, ssrInterpolate, ssrRenderList, ssrRenderComponent } from "vue/server-renderer";
|
|
import { useI18n } from "vue-i18n";
|
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
__name: "FooterSection",
|
|
__ssrInlineRender: true,
|
|
setup(__props) {
|
|
const { t } = useI18n();
|
|
const products = [
|
|
{ i18nKey: "footer.productLinks.ec2", path: "/products" },
|
|
{ i18nKey: "footer.productLinks.s3", path: "/products" },
|
|
{ i18nKey: "footer.productLinks.rds", path: "/products" },
|
|
{ i18nKey: "footer.productLinks.lambda", path: "/products" },
|
|
{ i18nKey: "footer.productLinks.more", path: "/products" }
|
|
];
|
|
const solutions = [
|
|
{ i18nKey: "footer.solutionLinks.web", path: "/solutions" },
|
|
{ i18nKey: "footer.solutionLinks.enterprise", path: "/solutions" },
|
|
{ i18nKey: "footer.solutionLinks.disaster", path: "/solutions" },
|
|
{ i18nKey: "footer.solutionLinks.bigdata", path: "/solutions" },
|
|
{ i18nKey: "footer.solutionLinks.microservice", path: "/solutions" }
|
|
];
|
|
return (_ctx, _push, _parent, _attrs) => {
|
|
const _component_NuxtLink = __nuxt_component_0;
|
|
_push(`<footer${ssrRenderAttrs(mergeProps({ class: "bg-primary text-white py-12" }, _attrs))}><div class="container"><div class="grid md:grid-cols-4 gap-8"><div><h5 class="text-lg font-semibold mb-4">${ssrInterpolate(_ctx.$t("common.appName"))}</h5><p class="text-white/50 mb-4">${ssrInterpolate(_ctx.$t("footer.description"))}</p><div class="flex space-x-4"><a href="#" class="text-white/50 hover:text-white transition-colors"><i class="fab fa-weixin"></i></a><a href="#" class="text-white/50 hover:text-white transition-colors"><i class="fab fa-weibo"></i></a><a href="#" class="text-white/50 hover:text-white transition-colors"><i class="fab fa-linkedin"></i></a></div></div><div><h5 class="text-lg font-semibold mb-4">${ssrInterpolate(_ctx.$t("footer.products"))}</h5><ul class="space-y-2"><!--[-->`);
|
|
ssrRenderList(products, (product, index) => {
|
|
_push(`<li>`);
|
|
_push(ssrRenderComponent(_component_NuxtLink, {
|
|
to: product.path,
|
|
class: "text-white/70 hover:text-white transition-colors"
|
|
}, {
|
|
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
|
if (_push2) {
|
|
_push2(`${ssrInterpolate(_ctx.$t(product.i18nKey))}`);
|
|
} else {
|
|
return [
|
|
createTextVNode(toDisplayString(_ctx.$t(product.i18nKey)), 1)
|
|
];
|
|
}
|
|
}),
|
|
_: 2
|
|
}, _parent));
|
|
_push(`</li>`);
|
|
});
|
|
_push(`<!--]--></ul></div><div><h5 class="text-lg font-semibold mb-4">${ssrInterpolate(_ctx.$t("footer.solutions"))}</h5><ul class="space-y-2"><!--[-->`);
|
|
ssrRenderList(solutions, (solution, index) => {
|
|
_push(`<li>`);
|
|
_push(ssrRenderComponent(_component_NuxtLink, {
|
|
to: solution.path,
|
|
class: "text-white/70 hover:text-white transition-colors"
|
|
}, {
|
|
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
|
if (_push2) {
|
|
_push2(`${ssrInterpolate(_ctx.$t(solution.i18nKey))}`);
|
|
} else {
|
|
return [
|
|
createTextVNode(toDisplayString(_ctx.$t(solution.i18nKey)), 1)
|
|
];
|
|
}
|
|
}),
|
|
_: 2
|
|
}, _parent));
|
|
_push(`</li>`);
|
|
});
|
|
_push(`<!--]--></ul></div><div><h5 class="text-lg font-semibold mb-4">${ssrInterpolate(_ctx.$t("footer.contactUs"))}</h5><ul class="space-y-3"><li class="flex items-start"><i class="fas fa-map-marker-alt text-white/70 mt-1 mr-3"></i><span class="text-white/70">${ssrInterpolate(_ctx.$t("footer.address"))}</span></li><li class="flex items-start"><i class="fas fa-phone text-white/70 mt-1 mr-3"></i><span class="text-white/70">${ssrInterpolate(_ctx.$t("footer.phone"))}</span></li><li class="flex items-start"><i class="fas fa-envelope text-white/70 mt-1 mr-3"></i><span class="text-white/70">${ssrInterpolate(_ctx.$t("footer.email"))}</span></li></ul></div></div><div class="mt-12 pt-8 border-t border-white/10 text-center"><p class="text-white/50">© ${ssrInterpolate((/* @__PURE__ */ new Date()).getFullYear())} ${ssrInterpolate(_ctx.$t("common.appName"))}. ${ssrInterpolate(_ctx.$t("footer.allRightsReserved"))}</p></div></div></footer>`);
|
|
};
|
|
}
|
|
});
|
|
export {
|
|
_sfc_main as default
|
|
};
|
|
//# sourceMappingURL=FooterSection.vue2.mjs.map
|