Ronni Baslund
7bee161ac1
Add @nuxtjs/i18n: English is the default locale (no prefix), Danish lives under /da (prefix_except_default). Both server-rendered and indexed with hreflang alternates + per-locale canonical (useLocaleHead in app.vue). First-visit browser language is auto-detected and remembered in the i18n_redirected cookie (redirectOn root). - Keep the hand-authored COPY object; useLang/useCopy now read the i18n locale; useLocalizeHref/useLangToggle added. Every internal link is localized so navigation stays in-locale. - Clear segmented EN|DA language switcher (active segment filled) replacing the ambiguous "en · da" pill. - SEO: useSeoMeta defaults are locale-aware; og:image switches per locale (English / Danish share card); favicon links; robots.txt + sitemap.xml; env-aware siteUrl/baseUrl (localhost in dev, dezky.eu in prod). - Update the cookie policy (dezky-lang -> i18n_redirected). - Gate the Traefik wss:443 HMR behind DEZKY_TRAEFIK so localhost dev/DevTools connect over plain ws (fixes the DevTools disconnect loop).
50 lines
1.7 KiB
Vue
50 lines
1.7 KiB
Vue
<script setup lang="ts">
|
|
// Site-wide SEO. @nuxtjs/i18n (useLocaleHead) owns <html lang>/dir, hreflang
|
|
// alternates, canonical and og:url / og:locale per locale. useSeoMeta adds the
|
|
// content cards (title/description/image, Twitter), locale-aware. Pages still
|
|
// override their own title/description via useHead.
|
|
const { locale } = useI18n()
|
|
const i18nHead = useLocaleHead()
|
|
const site = (useRuntimeConfig().public.siteUrl as string).replace(/\/$/, '')
|
|
|
|
const seo = computed(() => locale.value === 'da'
|
|
? {
|
|
title: 'dezky — din digitale arbejdsplads, hostet i EU',
|
|
desc: 'Mail, filer, video, chat og login — samlet i én suite, hostet i EU og bygget på åbne standarder.',
|
|
img: `${site}/og-image-da.png`,
|
|
}
|
|
: {
|
|
title: 'dezky — your digital workplace, hosted in the EU',
|
|
desc: 'Mail, files, video, chat and sign-in — one suite, hosted in the EU and built on open standards.',
|
|
img: `${site}/og-image.png`,
|
|
})
|
|
|
|
// html lang/dir + hreflang + canonical + og:url/og:locale from the i18n module.
|
|
useHead(() => ({
|
|
htmlAttrs: i18nHead.value.htmlAttrs,
|
|
link: i18nHead.value.link,
|
|
meta: i18nHead.value.meta,
|
|
}))
|
|
|
|
useSeoMeta({
|
|
description: () => seo.value.desc,
|
|
ogType: 'website',
|
|
ogSiteName: 'dezky',
|
|
ogTitle: () => seo.value.title,
|
|
ogDescription: () => seo.value.desc,
|
|
ogImage: () => [{ url: seo.value.img, width: 1200, height: 630, type: 'image/png' }],
|
|
twitterCard: 'summary_large_image',
|
|
twitterTitle: () => seo.value.title,
|
|
twitterDescription: () => seo.value.desc,
|
|
twitterImage: () => seo.value.img,
|
|
})
|
|
|
|
useHead({ meta: [{ name: 'robots', content: 'index, follow' }] })
|
|
</script>
|
|
|
|
<template>
|
|
<NuxtLayout>
|
|
<NuxtPage />
|
|
</NuxtLayout>
|
|
</template>
|