Nuxt/examples/meta-info/pages/about.vue
Clark Du b11e9c0e51
feat: upgrade eslint to 5.x (#3494)
- [ ] babel-eslint https://github.com/babel/babel-eslint/issues/664
- [x] eslint-config-standard-jsx https://github.com/standard/eslint-config-standard-jsx/issues/32
- [x] eslint-config-standard to be stable release https://github.com/standard/eslint-config-standard/issues/123
- [x] eslint-plugin-html
- [x] eslint-plugin-import
- [x] eslint-plugin-jest
- [x] eslint-plugin-node
- [x] eslint-plugin-promise
- [x] eslint-plugin-standard https://github.com/standard/eslint-plugin-standard/issues/29
- [x] eslint-plugin-vue https://github.com/vuejs/eslint-plugin-vue/pull/504
- [x] eslint-plugin-react https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.10.0
2018-08-31 21:34:12 +01:00

33 lines
666 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>