mirror of
https://github.com/Drop-OSS/drop.git
synced 2026-06-22 04:11:32 +10:00
Paco
af08472e45
* Adds settings for server name and logo * Implements ApplicationLogo and replaces site name based on settings * Refactors component for changing the company logo * Removes unused variable * Uses message instead of statusMessage * Replaces favicon with logo if set
41 lines
1.1 KiB
Vue
41 lines
1.1 KiB
Vue
<template>
|
|
<div
|
|
v-if="!clientRequest"
|
|
class="flex flex-col w-full min-h-screen bg-zinc-900"
|
|
>
|
|
<LazyUserHeader class="z-50" hydrate-on-idle />
|
|
<div class="grow flex">
|
|
<NuxtPage />
|
|
</div>
|
|
<LazyUserFooter class="z-50" hydrate-on-interaction />
|
|
</div>
|
|
<div v-else class="flex flex-col w-full min-h-screen bg-zinc-900">
|
|
<NuxtPage />
|
|
<LazyUserHeaderStoreNav />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const clientRequest = isClientRequest();
|
|
const i18nHead = useLocaleHead();
|
|
|
|
const { t } = useI18n();
|
|
|
|
useHead({
|
|
htmlAttrs: {
|
|
lang: i18nHead.value.htmlAttrs.lang,
|
|
// @ts-expect-error head.value.htmlAttrs.dir is not typed as strictly as it should be
|
|
dir: i18nHead.value.htmlAttrs.dir,
|
|
},
|
|
// // seo headers
|
|
// link: [...i18nHead.value.link],
|
|
// meta: [...i18nHead.value.meta],
|
|
titleTemplate(title) {
|
|
return title ? t("titleTemplate", [title]) : t("title");
|
|
},
|
|
});
|
|
const { mLogoObjectId } = await $dropFetch("/api/v1");
|
|
const favicon = mLogoObjectId ? useObject(mLogoObjectId) : "/favicon.ico";
|
|
useFavicon(favicon, { rel: "icon" });
|
|
</script>
|