Nuxt/examples/head-elements/pages/about.vue
2016-12-16 18:12:38 +01:00

33 lines
673 B
Vue

<template>
<div class="container">
<h1>About page</h1>
<p>Click below to see the custom meta tags added with our custom component <code>twitter-head-card</code></p>
<twitter-head-card></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>