mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-11 16:43:55 +00:00
25 lines
742 B
Vue
25 lines
742 B
Vue
|
<template>
|
||
|
|
<a :href="href">Share on twitter</a>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
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>
|
||
|
|
|
||
|
|
<style lang="css">
|
||
|
|
</style>
|