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

37 lines
690 B
Vue
Raw Normal View History

2016-11-14 22:59:54 +00:00
<template>
<div class="container">
<h1>About page</h1>
2017-02-10 01:22:33 +00:00
<p>Check the source code to see the custom meta tags added with our custom component <code>twitter-head-card</code></p>
<TwitterHeadCard />
<p>
<NuxtLink to="/">
Home page
</NuxtLink>
</p>
2016-11-14 22:59:54 +00:00
</div>
</template>
<script>
2017-07-08 17:44:05 +00:00
import TwitterHeadCard from '~/components/twitter-head-card.vue'
2016-11-14 22:59:54 +00:00
export default {
head: {
2016-11-19 21:48:34 +00:00
title: 'About Page',
2016-11-14 22:59:54 +00:00
meta: [
{ hid: 'description', name: 'description', content: 'About page description' }
]
},
components: {
2016-11-19 21:48:34 +00:00
TwitterHeadCard
2016-11-14 22:59:54 +00:00
}
}
</script>
<style>
.container {
text-align: center;
margin-top: 150px;
font-size: 20px;
}
</style>