chore: add basic open graph metadata

This commit is contained in:
Daniel Roe 2023-01-11 22:42:52 +00:00
parent 07808384bf
commit 3f9e39d244
2 changed files with 17 additions and 0 deletions

View file

@ -2,6 +2,15 @@
setupPageHeader()
provideGlobalCommands()
const route = useRoute()
if (process.server && !route.path.startsWith('/settings')) {
useHead({
meta: [
{ property: 'og:url', content: `https://elk.zone${route.path}` },
],
})
}
// We want to trigger rerendering the page when account changes
const key = computed(() => `${currentUser.value?.server ?? currentServer.value}:${currentUser.value?.account.id || ''}`)
</script>

View file

@ -132,6 +132,14 @@ export default defineNuxtConfig({
],
meta: [
{ name: 'apple-mobile-web-app-status-bar-style', content: 'black-translucent' },
// open graph social image
{ property: 'og:title', content: 'Elk' },
{ property: 'og:type', content: 'website' },
{ property: 'og:image', content: 'https://elk.zone/elk-og.png' },
{ property: 'og:image:width', content: '3800' },
{ property: 'og:image:height', content: '1900' },
{ property: 'og:site_name', content: 'Elk' },
{ property: 'twitter:site', content: '@elk_zone' },
],
},
},