Не могу во VuePress рендерить вложенные vue-компоненты. Есть компонент: docs/.vuepress/components/DocsExample.vue

Question

Не могу во VuePress рендерить вложенные vue-компоненты. Есть компонент: docs/.vuepress/components/DocsExample.vue

:
<template>
<div class="docs-example">
<slot></slot>
</div>
</template>

<script>
export default {
name: 'DocsExample',
}
</script>

есть какая-то страница документации:
## Basic usage
<DocsExample>
<AnuiBtn color="primary">Text</AnuiBtn>
</DocsExample>

в итоге редерится как:
<div class="docs-example"><pre><code><AnuiBtn color="primary">Text</AnuiBtn>
</code></pre></div>

НО!! Если убрать табы, т.е. вот так:
## Basic usage
<DocsExample>
<AnuiBtn color="primary">Text</AnuiBtn>
</DocsExample>
то рендерится нормально.

Вопрос: как, собственно, разрешить эти табы, чтобы исходный код md-файла выглядел нормально? Ну не могу я вложенность без табов делать, это неправильно.

#frontend #javascript #programming #russian #vue.js

0

09.11.2019

1 ответов

20 просмотров

Пользователь 626a2 · Accepted Answer

Пользователь 626a2

Может проблема немного в другом?

0

09.11.2019

169 похожих чатов

Не могу во VuePress рендерить вложенные vue-компоненты. Есть компонент: docs/.vuepress/components/DocsExample.vue

1 ответов

Похожие вопросы