60 lines
1.1 KiB
Vue
60 lines
1.1 KiB
Vue
<template>
|
|
<Layout>
|
|
<div class="doc-page">
|
|
<VueRemarkContent class="doc-page__markdown" />
|
|
</div>
|
|
</Layout>
|
|
</template>
|
|
|
|
<page-query>
|
|
query($path: String!) {
|
|
docPage(path: $path) {
|
|
id
|
|
title
|
|
fileInfo {
|
|
path
|
|
}
|
|
}
|
|
}
|
|
</page-query>
|
|
|
|
<script>
|
|
export default {
|
|
metaInfo() {
|
|
return {
|
|
title: this.$page?.docPage?.title,
|
|
meta: [
|
|
/* OpenGraph */
|
|
{
|
|
property: 'og:title',
|
|
content: this.$page?.docPage?.title,
|
|
},
|
|
{
|
|
property: 'og:image',
|
|
content: 'https://next.tiptap.dev/og-image.png',
|
|
},
|
|
/* Twitter */
|
|
{
|
|
name: 'twitter:title',
|
|
content: this.$page?.docPage?.title,
|
|
},
|
|
{
|
|
name: 'twitter:card',
|
|
content: 'summary_large_image',
|
|
},
|
|
{
|
|
name: 'twitter:image',
|
|
content: 'https://next.tiptap.dev/og-image.png',
|
|
},
|
|
{
|
|
name: 'twitter:site',
|
|
content: '@_ueberdosis',
|
|
},
|
|
],
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" src="./style.scss" scoped></style>
|