Update guide/extending-default-theme.md

pull/4536/head
Bugo 8 months ago
parent c2ab5b03a8
commit 736f90a1ac

@ -123,7 +123,7 @@ export default {
## Слоты макета {#layout-slots} ## Слоты макета {#layout-slots}
Компонент `<Layout/>` темы по умолчанию имеет несколько слотов, которые можно использовать для вставки содержимого в определённые места страницы. Вот пример внедрения компонента в структуру before: Компонент `<Layout/>` темы по умолчанию имеет несколько слотов, которые можно использовать для вставки содержимого в определённые места страницы. Вот пример внедрения компонента перед оглавлением:
```js [.vitepress/theme/index.js] ```js [.vitepress/theme/index.js]
import DefaultTheme from 'vitepress/theme' import DefaultTheme from 'vitepress/theme'
@ -131,8 +131,8 @@ import MyLayout from './MyLayout.vue'
export default { export default {
extends: DefaultTheme, extends: DefaultTheme,
// переопределяем макет с помощью компонента-обёртки, который // переопределяем макет с помощью компонента-обёртки,
// вводит слоты // который внедряет слоты
Layout: MyLayout Layout: MyLayout
} }
``` ```
@ -147,7 +147,7 @@ const { Layout } = DefaultTheme
<template> <template>
<Layout> <Layout>
<template #aside-outline-before> <template #aside-outline-before>
Верхнее содержимое моей пользовательской боковой панели Мой пользовательский контент в верхней части боковой панели
</template> </template>
</Layout> </Layout>
</template> </template>

Loading…
Cancel
Save