Почему не работают слоты в Nuxt.js?

Question

[Игорь Мясников]

Есть компонент Статей

article.vue

<template lang="pug">
	article.article
		.article__wrapper
			.container
				slot(name="title")
			<ToTop/>
			.article__inner
				slot(name="toc")
				slot(name="text")
				slot(name="files")
				slot(name="doctors")
</template>

<script>
import ToTop from '@/components/to-top.vue';

export default {
	components: {
		ToTop,
	},
};
</script>

И страница где компонент используется

page.vue

main.main
	Article
		template(v:slot:title)
			h1.article__title История Центральной районной больницы ст. Романовская
		template(v:slot:text)
			.article__text
				.container
					.article__strong
                h2 Subtitle
...
<script>
import Article from '@/components/sections/article';

export default {
	components: {
		Article,
	},
};

Почему не работают слоты? Ошибок нет, но и текст не передается.

Answer 1

[Danila]

нет такого синтаксиса v:slot:title, есть v-slot:title или сокращенно #title
читайте документацию внимательней

Comments

[Игорь Мясников]

спасибо, не заметил