Nuxt/examples/meta-info/pages/about.vue

33 lines
665 B
Vue

<template>
<div class="container">
<h1>About page</h1>
<p>Check the source code to see the custom meta tags added with our custom component <code>twitter-head-card</code></p>
<twitter-head-card/>
<p><nuxt-link to="/">Home page</nuxt-link></p>
</div>
</template>
<script>
import TwitterHeadCard from '~/components/twitter-head-card.vue'
export default {
head: {
title: 'About Page',
meta: [
{ hid: 'description', name: 'description', content: 'About page description' }
]
},
components: {
TwitterHeadCard
}
}
</script>
<style>
.container {
text-align: center;
margin-top: 150px;
font-size: 20px;
}
</style>