Я делаю блоки контента для своих страниц в папке компонентов. И я хочу, чтобы каждый блок имел разную планировку. Поэтому я пытался заставить макеты работать с моими компонентами. Но я не могу заставить его работать. Когда я пробую это со страницей, это работает отлично. Разве макеты не работают в компонентах? Я посмотрел это видео https://www.youtube.com/watch?v=YOKnSTp7d38 и сделал то же самое, мне нужно что-то сделать, чтобы это сработало? Или макеты просто не предназначены для этого?
dark. vue в папке макета root
<template>
<div class="dark">
<nuxt />
</div>
</template>
<style lang="scss">
.dark{
background-color: green;
}
</style>
Скрипт, который я использовал в своем компоненте, который находится в папке root внутри папки компонентов
<script>
export default {
layout: 'dark',
}
</script>