Share Buttons
O comoponente ShareButtons permite o compartilhamento e a discussão de trechos de consultas:
Para usar o componente ShareButtons em sua consulta, é necessário registrar o componente CommentsContext pois o mesmo já importa o componente ShareButtons que utiliza dos valores passados nas props do CommentsContext para realizar o compartilhamento de conteúdo com Facebook, Whatsapp e Twitter:
<script>
import CommentsContext from '@/components/CommentsContext'
export default {
data () {
return {
conteudo: { ... }
}
}
components: {
CommentsContext
}
}
</script>Importante: Para o funcionamento dessas feature é necessário adicionar <router-view /> no sua consulta, coloque abaixo da tag <Indice><Indice/>
<Indice :titulos="titulosLimpo"></Indice>
<router-view />Após adicionado na sua consulta, faça as seguintes mudanças no arquivo router.js e altere.
{
path: '/path-raiz',
name: 'nome-da-path',
meta: {
id: 'id-da-consulta (Integer)'
},
component: () => import(/* webpackChunkName: "suaconsulta" */ '@/views/SuaConsulta'),
children: [
{
path: '/path-raiz/comentarios/:idc',
meta: {
id: (),
pathPai: '/path-raiz'
},
component: () => import(/* webpackChunkName: "threadcomments" */ '@/views/ThreadComments')
}
]
}