diff --git a/docs/.vitepress/theme/styles.css b/docs/.vitepress/theme/styles.css index 1c4b3af5..1f397744 100644 --- a/docs/.vitepress/theme/styles.css +++ b/docs/.vitepress/theme/styles.css @@ -1,9 +1,9 @@ @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap'); :root:where(:lang(fa)) { - --vp-font-family-base: 'Vazirmatn', 'Inter', ui-sans-serif, system-ui, - sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', - 'Noto Color Emoji'; + --vp-font-family-base: + 'Vazirmatn', 'Inter', ui-sans-serif, system-ui, sans-serif, + 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; } :root { diff --git a/docs/en/guide/markdown.md b/docs/en/guide/markdown.md index 06b8b776..cf052919 100644 --- a/docs/en/guide/markdown.md +++ b/docs/en/guide/markdown.md @@ -255,7 +255,7 @@ This is a special container that can be used to prevent style and router conflic ```md ::: raw -Wraps in a
+Wraps in a `
` ::: ``` diff --git a/docs/es/guide/markdown.md b/docs/es/guide/markdown.md index 174e5752..00f973ed 100644 --- a/docs/es/guide/markdown.md +++ b/docs/es/guide/markdown.md @@ -234,7 +234,7 @@ Este es un recipiente especial que puee ser usado para evitar conflictos de esti ```md ::: raw -Envuelve en un
+Envuelve en un `
` ::: ``` diff --git a/docs/fa/guide/markdown.md b/docs/fa/guide/markdown.md index 862fe7a0..1d2ca9f9 100644 --- a/docs/fa/guide/markdown.md +++ b/docs/fa/guide/markdown.md @@ -233,7 +233,7 @@ export default defineConfig({ ```md ::: raw -بسته‌بندی در یک
+بسته‌بندی در یک `
` ::: ``` diff --git a/docs/ko/guide/markdown.md b/docs/ko/guide/markdown.md index 0e12ff65..5f03bbf6 100644 --- a/docs/ko/guide/markdown.md +++ b/docs/ko/guide/markdown.md @@ -233,7 +233,7 @@ export default defineConfig({ ```md ::: raw -
로 감쌉니다 +`
`로 감쌉니다 ::: ``` diff --git a/docs/pt/guide/markdown.md b/docs/pt/guide/markdown.md index 25f03482..b5245259 100644 --- a/docs/pt/guide/markdown.md +++ b/docs/pt/guide/markdown.md @@ -233,7 +233,7 @@ Este é um recipiente especial que pode ser usado para evitar conflitos de estil ```md ::: raw -Envolve em um
+Envolve em um `
` ::: ``` diff --git a/docs/ru/guide/extending-default-theme.md b/docs/ru/guide/extending-default-theme.md index d3e5fe8f..a8f0acc7 100644 --- a/docs/ru/guide/extending-default-theme.md +++ b/docs/ru/guide/extending-default-theme.md @@ -123,7 +123,7 @@ export default { ## Слоты макета {#layout-slots} -Компонент `` темы по умолчанию имеет несколько слотов, которые можно использовать для вставки содержимого в определённые места страницы. Вот пример внедрения компонента в структуру before: +Компонент `` темы по умолчанию имеет несколько слотов, которые можно использовать для вставки содержимого в определённые места страницы. Вот пример внедрения компонента перед оглавлением: ```js [.vitepress/theme/index.js] import DefaultTheme from 'vitepress/theme' @@ -131,8 +131,8 @@ import MyLayout from './MyLayout.vue' export default { extends: DefaultTheme, - // переопределяем макет с помощью компонента-обёртки, который - // вводит слоты + // переопределяем макет с помощью компонента-обёртки, + // который внедряет слоты Layout: MyLayout } ``` @@ -147,7 +147,7 @@ const { Layout } = DefaultTheme diff --git a/docs/ru/guide/markdown.md b/docs/ru/guide/markdown.md index a84fd0f6..192bd2f8 100644 --- a/docs/ru/guide/markdown.md +++ b/docs/ru/guide/markdown.md @@ -259,7 +259,7 @@ console.log('Привет, VitePress!') ```md ::: raw -Заворачивается в
+Заворачивается в `
` ::: ``` diff --git a/docs/ru/guide/using-vue.md b/docs/ru/guide/using-vue.md index 8b6051aa..4e801e23 100644 --- a/docs/ru/guide/using-vue.md +++ b/docs/ru/guide/using-vue.md @@ -148,13 +148,13 @@ HTML, обёрнутый ``, будет отображаться как е **Разметка** ```md -Это {{ будет отображаться как есть}}. +Это {{ будет отображаться как есть }}. ``` **Результат**
-

Это {{ будет отображаться как есть}}

+

Это {{ будет отображаться как есть }}

В качестве альтернативы вы можете обернуть весь абзац в пользовательский контейнер `v-pre`: @@ -175,7 +175,7 @@ HTML, обёрнутый ``, будет отображаться как е
-## Unescape в блоках кода {#unescape-in-code-blocks} +## Отключение экранирования в блоках кода {#unescape-in-code-blocks} По умолчанию все изолированные блоки кода автоматически оборачиваются `v-pre`, поэтому внутри них не будет обрабатываться синтаксис Vue. Чтобы включить интерполяцию в стиле Vue внутри фигурных скобок, можно добавить к языку суффикс `-vue`, например `js-vue`: @@ -199,7 +199,9 @@ HTML, обёрнутый ``, будет отображаться как е VitePress имеет [встроенную поддержку](https://vitejs.dev/guide/features.html#css-pre-processors) для препроцессоров CSS: файлы `.scss`, `.sass`, `.less`, `.styl` и `.stylus`. Для них не нужно устанавливать специфические для Vite плагины, но сам соответствующий препроцессор должен быть установлен: -``` +::: code-group + +```sh [npm] # .scss и .sass npm install -D sass @@ -210,7 +212,41 @@ npm install -D less npm install -D stylus ``` -Затем вы можете использовать следующее в Markdown и компонентах темы: +```sh [pnpm] +# .scss и .sass +pnpm add -D sass + +# .less +pnpm add -D less + +# .styl и .stylus +pnpm add -D stylus +``` + +```sh [yarn] +# .scss и .sass +yarn add -D sass + +# .less +yarn add -D less + +# .styl и .stylus +yarn add -D stylus +``` + +```sh [bun] +# .scss и .sass +bun add -D sass + +# .less +bun add -D less + +# .styl и .stylus +bun add -D stylus +``` +::: + +Затем вы можете использовать соответствующий атрибут `lang` в Markdown и компонентах темы: ```vue