Nuxt/examples/meta-info/components/twitter-head-card.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

23 lines
750 B
Vue

<template>
<span v-if="false" />
</template>
<script>
// Test on: https://cards-dev.twitter.com/validator
export default {
data: () => ({
href: 'https://twitter.com/intent/tweet?url=' + encodeURIComponent('https://head-elements.now.sh/about')
}),
head: {
meta: [
{ name: 'twitter:card', content: 'summary' },
{ name: 'twitter:site', content: '@nuxt_js' },
{ name: 'twitter:title', content: 'Nuxt.js Twitter Card' },
{ name: 'twitter:description', content: 'Nuxt.js lets you handle custom headers for your app with vue-meta' },
{ name: 'twitter:image', content: 'https://avatars0.githubusercontent.com/u/23360933?v=3' },
{ name: 'twitter:image:alt', content: 'Nuxt.js logo' }
]
}
}
</script>