37 lines
854 B
Vue
37 lines
854 B
Vue
<script setup lang="ts">
|
|
const route = useRoute();
|
|
const { t } = useI18n();
|
|
const head = useLocaleHead({
|
|
lang: true,
|
|
dir: true,
|
|
seo: true
|
|
});
|
|
|
|
const title = computed(() =>
|
|
t('layouts.title', {
|
|
title: t((route.meta.title as string) || 'layouts.default_tile')
|
|
})
|
|
);
|
|
|
|
const { s3Bucket, s3Host } = useRuntimeConfig().public;
|
|
</script>
|
|
<template>
|
|
<Html
|
|
:lang="head?.htmlAttrs?.lang?.split('-')[0]"
|
|
:dir="head?.htmlAttrs?.dir"
|
|
>
|
|
<Head>
|
|
<Title>{{ title }}</Title>
|
|
<Link v-for="link in head.link" :key="link.id" v-bind="link" />
|
|
<Link rel="preconnect" :href="`https://${s3Bucket}.${s3Host}/`" />
|
|
<Meta v-for="meta in head.meta" :key="meta.id" v-bind="meta" />
|
|
</Head>
|
|
<Body>
|
|
<NuxtLoadingIndicator />
|
|
<NuxtLayout>
|
|
<NuxtPage />
|
|
</NuxtLayout>
|
|
</Body>
|
|
</Html>
|
|
</template>
|