Oi Flávio, tudo bem?
Muito bom esse curso, estou gostando muito!! Meus parabéns e muito obrigado por disponibilizar aqui na Alura!
Acredito que na apresentação da aula faltou explicar que, devido a colocarmos o slot dentro de uma div e transferirmos o atributo name do slot para a mesma no arquivo Painel.vue, a div que possui o atributo slot nomeado no App.vue deve ter a referência do nome retirado.
Pelo menos, no meu projeto, tive que fazer essa alteração para funcionar.
//Painel.vue
<template>
...
<div name="conteudo" class="painel-corpo" v-show="visivel">
<slot>
</slot>
</div>
...
</template>// App.vue
De:
<template>
...
<meu-painel :titulo="foto.titulo">
<div slot="conteudo">
<img class="imagem-responsiva" :src="foto.url" :alt="foto.titulo" />
</div>
<h4 slot="rodape">@2017</h4>
</meu-painel>
</template>
Para:
<template>
...
<meu-painel :titulo="foto.titulo">
<div slot>
<img class="imagem-responsiva" :src="foto.url" :alt="foto.titulo" />
</div>
<h4 slot="rodape">@2017</h4>
</meu-painel>
</template>
