slidev-theme-practicum 0.1.0 → 0.1.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 veged
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -19,8 +19,23 @@
 ```bash
 npm install
 npm run dev
+npm run validate-deck example.md
 ```
 
+Проверка markdown-контрактов своей колоды (после `npm install slidev-theme-practicum`):
+
+```bash
+npm exec -- slidev-practicum-validate path/to/slides.md
+```
+
+В `package.json` колоды:
+
+```json
+"validate:slides": "npm exec -- slidev-practicum-validate slides.md"
+```
+
+В `example.md` у канонических слайдов в заметках автора (`<!-- Контракт … -->`) описано, сколько пунктов и какой вложенности ждёт каждый variant.
+
 Для использования в другой Slidev-презентации:
 
 ```bash
@@ -85,6 +100,14 @@ layout: cover | message | explainer | collection | none
 
 Для канонических макетов внутри `layout: cover|message|explainer|collection` используйте `Slot role="..."`; внутри layout-слайда не задавайте `area`, `col` и `row`. Для ручного режима используйте `Slot area`, `Slot col` или `Slot row`.
 
+### Markdown shorthand
+
+Для `layout: message`, `explainer` и `collection` часть `variant` принимает markdown в default slot слайда (`#` заголовок, списки, blockquote, frontmatter) — тема разворачивает его в `Slot` / `Text`. Реестр: `composables/layout-shorthands.ts`.
+
+Для `message:closing` обязателен один заголовок `# …`; под ним можно добавить один необязательный абзац. Дополнительные абзацы, списки и изображения не поддерживаются.
+
+`layout: cover` markdown shorthand **не** имеет: для всех `cover:*` нужны явные `<Slot role="...">` и `<Text>` (см. обложки в [example.md](example.md)).
+
 | Слой          | Для чего                                         |
 | ------------- | ------------------------------------------------ |
 | `layout`      | семантика слайда на уровне Slidev                |
@@ -120,11 +143,12 @@ layout: cover | message | explainer | collection | none
 | `margin`                                                     | `1..8`                                     | нет           | общий внутренний отступ                       |
 | `margin-top`, `margin-right`, `margin-bottom`, `margin-left` | `1..8`                                     | `margin`      | отступ отдельной стороны                      |
 | `gap`                                                        | `0..7`                                     | `0`           | расстояние между прямыми дочерними элементами |
+| `fit-group`                                                  | строка                                     | нет           | общий подбор размеров для нескольких слотов   |
 | `centered`                                                   | boolean                                    | `false`       | центрирование содержимого                     |
 | `decor`                                                      | объект                                     | нет           | семантический декоративный слой               |
 | `background`                                                 | объект или строка изображения              | нет           | явно заданное фоновое изображение             |
 
-`Slot` согласует размер до трёх прямых `Text`-детей с диапазонами `size` и `priority`. Атрибуты потока принадлежат дочерним элементам: `Text align="end"` прибивает строку внутри потока. Отдельный flow-атрибут есть у `Person`, когда блок автора используется как прямой ребёнок `Slot`.
+`Slot` согласует размер до трёх прямых `Text`-детей с диапазонами `size` и `priority`. Несколько `Slot` с одинаковым `fit-group` получают общий размерный вектор: берётся максимальный вариант, который помещается во все ячейки группы. Если диапазоны одноимённых позиций не пересекаются, слоты сохраняют независимую локальную подгонку вместо ошибки рендера. Атрибуты потока принадлежат дочерним элементам: `Text align="end"` прибивает строку внутри потока. Отдельный flow-атрибут есть у `Person`, когда блок автора используется как прямой ребёнок `Slot`.
 
 ## Text API
 
@@ -140,6 +164,24 @@ layout: cover | message | explainer | collection | none
 
 `max-size` выбирает самый крупный помещающийся токен; `muted` является булевым сокращением для `color="text-muted"` и учитывает текущую поверхность.
 
+### Markdown в default slot
+
+В `Text` можно писать блочный Markdown темы (списки, абзацы, цитаты) — не полный GFM Slidev. Это не layout shorthand: на `cover:*` по-прежнему нужны явные `Slot` / `Text`.
+
+Inline-разметка `**жирный**` сохраняется как `<strong>` и отображается начертанием YS Text Bold с весом `600`.
+
+Slidev парсит markdown внутри компонента только если контент **отделён пустой строкой** от открывающего и закрывающего тега (как в [доке Slidev](https://sli.dev/builtin/components)). Без пустых строк список схлопнется в одну строку и сломается. Не добавляйте лишний отступ в 4 пробела у пунктов — Slidev превратит блок в code.
+
+```md
+<Text size="4-5">
+
+1. где мы сейчас
+2. какой сценарий делегирования хотим
+3. как безопасно перейти
+
+</Text>
+```
+
 | Размер | Шрифт   | Интерлиньяж |
 | ------ | ------- | ----------- |
 | `0`    | `16px`  | `1.2`       |
@@ -173,7 +215,7 @@ layout: cover | message | explainer | collection | none
 
 ```md
 <Slot area="6 / 7 / -1 / 10">
-  <Image src="/photos/photo-4.png" fit="cover" position="50% 42%" zoom="1.12" />
+  <Image src="/theme/photos/photo-4.webp" fit="cover" position="50% 42%" zoom="1.12" />
 </Slot>
 ```
 
@@ -182,10 +224,12 @@ layout: cover | message | explainer | collection | none
 ```md
 <Slot
   area="1 / 7 / -1 / -1"
-  :background="{ src: '/photos/photo-6.png', fit: 'cover', position: '50% 40%', zoom: 1.04 }"
+  :background="{ src: '/theme/photos/photo-6.webp', fit: 'cover', position: '50% 40%', zoom: 1.04 }"
 />
 ```
 
+Встроенные файлы темы доступны по префиксу `/theme`: например, `/theme/photos/photo-6.webp` и `/theme/decor/decor-10.svg`. Файлы из `public` самой колоды остаются пользовательскими и задаются от корня, например `/decor/custom-data.png`; префикс `/theme` к ним добавлять не нужно.
+
 Даже когда используется `Image` или `Slot.background`, фотография остаётся декоративной. Ключевые факты, различия, инструкции и выводы должны быть записаны текстом или числом.
 
 ### Decor
@@ -239,11 +283,21 @@ themeConfig:
 
 В записи каталога `cols` и `rows` описывают допустимый размер слота в сетке 12x12, а `ratio` ограничивает соотношение `cols / rows` для ориентации. Вместо `ratio` можно использовать более явный алиас `aspectRatio`.
 
-| Поле        | Тип             | По умолчанию       | Смысл                                                    |
-| ----------- | --------------- | ------------------ | -------------------------------------------------------- |
-| `deckTitle` | строка          | заголовок слайда   | заголовок в шапке                                        |
-| `debugGrid` | boolean         | `false`            | отладочная сетка 12x12                                   |
-| `decors`    | записи каталога | встроенный каталог | добавляет или переопределяет записи декора по `decor.id` |
+| Поле              | Тип             | По умолчанию       | Смысл                                                    |
+| ----------------- | --------------- | ------------------ | -------------------------------------------------------- |
+| `deckTitle`       | строка          | заголовок слайда   | заголовок в шапке                                        |
+| `debugGrid`       | boolean         | `false`            | отладочная сетка 12x12                                   |
+| `decors`          | записи каталога | встроенный каталог | добавляет или переопределяет записи декора по `decor.id` |
+| `decorSaveOrigin` | origin URL      | origin dev-сервера | разрешённый origin для сохранения настроек декора         |
+
+Если dev-сервер работает за reverse proxy с завершением TLS, задайте внешний origin явно:
+
+```yaml
+themeConfig:
+  decorSaveOrigin: https://slides.example
+```
+
+Endpoint сохранения принимает только точное значение `Origin`. Без явного `decorSaveOrigin` он выводит origin из TLS-соединения и заголовка `Host`; заголовкам `X-Forwarded-*` endpoint не доверяет.
 
 ## Цветовые токены
 
@@ -263,8 +317,16 @@ themeConfig:
 | `red-0`    | `#e84033` |
 | `yellow-0` | `#ffd20a` |
 
-## Проверка
+## Проверка перед выпуском
 
 ```bash
-npm run test
+npm test
 ```
+
+Единая команда последовательно проверяет:
+
+- lint и типы;
+- модульные, контрактные и архитектурные тесты;
+- продукционную сборку и состав её артефактов;
+- репрезентативные слайды в Chromium, переполнение холста и загрузку медиа по `/theme/...`;
+- состав и размер npm-пакета.

package/components/Slide.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, defineComponent, h, isVNode, onMounted, onUpdated, shallowRef, useSlots, type PropType, type VNode } from 'vue'
+import { computed, defineComponent, h, isVNode, onBeforeUnmount, onMounted, onUpdated, shallowRef, unref, useSlots, type PropType, type VNode } from 'vue'
 import { useSlideContext } from '@slidev/client'
 import DebugGrid from './DebugGrid.vue'
 import Header from './Header.vue'
@@ -9,10 +9,12 @@ import Slot from './Slot.vue'
 import Text from './Text.vue'
 import Timeline from './Timeline.vue'
 import { createSlideLayout } from '../composables/slide-layout'
-import type { ThemeLayout, ThemeLayoutHeader } from '../composables/layout-registry'
+import type { SlideMarkdownContractError } from '../composables/layout-shorthands'
+import type { ThemeLayout, ThemeLayoutHeader } from '../composables/layout-recipes'
 import { typographElement } from '../composables/text-typography.mjs'
 import { themeVars, type ThemeSlideMode, type ThemeTone } from '../composables/theme-foundation'
 import { provideSlotPlacementSession } from '../composables/slot-placement'
+import { provideTextFitScope } from '../composables/text-fit-scope'
 import { useThemeConfig } from '../composables/use-theme-config'
 
 const props = withDefaults(defineProps<{
@@ -33,8 +35,12 @@ const props = withDefaults(defineProps<{
 
 const slots = useSlots()
 const slideElement = shallowRef<HTMLElement | null>(null)
+const browserLifecycleToken = typeof window !== 'undefined'
+  && '__practicumBrowserLifecycle' in window
+  ? `${Date.now()}-${Math.random()}`
+  : ''
 
-const { $frontmatter } = useSlideContext()
+const { $frontmatter, $page } = useSlideContext()
 const { debugGrid, defaultTone } = useThemeConfig()
 const slideLayout = createSlideLayout({
   components: {
@@ -46,14 +52,38 @@ const slideLayout = createSlideLayout({
   },
 })
 
+const layoutContractLabel = computed(() => {
+  const layout = props.layout || String($frontmatter.layout ?? '')
+  const variant = props.variant || String($frontmatter.variant ?? '')
+  return variant ? `${layout}:${variant}` : layout
+})
+
+function reportLayoutContractError(error: SlideMarkdownContractError) {
+  const lines = [
+    `[Slidev] Слайд ${$page ?? '?'}: ${layoutContractLabel.value}`,
+    error.message,
+  ]
+  if (error.hint)
+    lines.push(`  Подсказка: ${error.hint}`)
+  lines.push('  См. example.md в slidev-theme-practicum (блоки «Контракт»).')
+  console.error(lines.join('\n'))
+}
+
 function compileCurrentAuthoring(children?: readonly VNode[]) {
-  return slideLayout.compile({
-    props,
-    frontmatter: $frontmatter as Record<string, unknown>,
-    children,
-    defaultTone: defaultTone.value,
-    debugGrid: debugGrid.value,
-  })
+  try {
+    return slideLayout.compile({
+      props,
+      frontmatter: $frontmatter as Record<string, unknown>,
+      children,
+      defaultTone: defaultTone.value,
+      debugGrid: debugGrid.value,
+    })
+  }
+  catch (error) {
+    if (error instanceof Error && error.name === 'SlideMarkdownContractError')
+      reportLayoutContractError(error as SlideMarkdownContractError)
+    throw error
+  }
 }
 
 const authored = computed(() => compileCurrentAuthoring())
@@ -65,19 +95,51 @@ const resolvedTheme = computed(() => authored.value.theme)
 const isContrast = computed(() => authored.value.contrast)
 const showDebugGrid = computed(() => authored.value.showDebugGrid)
 provideSlotPlacementSession(slideLayout)
+provideTextFitScope()
 
 function applySlideTypography() {
   typographElement(slideElement.value)
 }
 
+function reportBrowserLifecycle(
+  phase: 'mounted' | 'unmounted',
+  page: number | string,
+  token: string,
+) {
+  if (typeof window === 'undefined' || !('__practicumBrowserLifecycle' in window))
+    return
+
+  window.dispatchEvent(new CustomEvent('practicum:slide-lifecycle', {
+    detail: {
+      phase,
+      slide: page,
+      token,
+    },
+  }))
+}
+
 onMounted(() => {
   applySlideTypography()
+  reportBrowserLifecycle(
+    'mounted',
+    unref($page) ?? 0,
+    browserLifecycleToken,
+  )
 })
 
 onUpdated(() => {
   applySlideTypography()
 })
 
+onBeforeUnmount(() => {
+  reportBrowserLifecycle(
+    'unmounted',
+    unref($page) ?? 0,
+    browserLifecycleToken,
+  )
+})
+
+// eslint-disable-next-line vue/one-component-per-file -- Рендер-адаптер намеренно локален: он не является самостоятельным публичным компонентом.
 const RenderVNode = defineComponent({
   name: 'RenderVNode',
   props: {
@@ -93,6 +155,7 @@ const RenderVNode = defineComponent({
 
 const slideStyle = computed(() => themeVars('slide', resolvedTheme.value))
 
+// eslint-disable-next-line vue/one-component-per-file -- Компонент замыкает compileCurrentAuthoring текущего слайда и не имеет самостоятельного API.
 const LayoutBody = defineComponent({
   name: 'LayoutBody',
   setup(_, { slots: layoutSlots }) {
@@ -219,22 +282,6 @@ const slideClass = computed(() => ({
   margin-bottom: var(--theme-slot-margin-4);
 }
 
-:deep(.Slide-TitleSupportsList) {
-  max-width: var(--theme-grid-span-6-width);
-  padding-left: 0;
-  list-style: none;
-  color: var(--theme-text-muted);
-}
-
-:deep(.Slide-TitleSupportsList li) {
-  margin-bottom: calc(var(--theme-grid-module) * 2);
-}
-
-:deep(.Slide-TitleSupportsList_size_large li) {
-  font-size: var(--theme-text-size-4);
-  line-height: var(--theme-text-line-4);
-}
-
 :deep(.Slide-TitleBody) {
   max-width: var(--theme-grid-span-6-width);
   color: var(--theme-text);
@@ -242,6 +289,10 @@ const slideClass = computed(() => ({
   line-height: var(--theme-text-line-4);
 }
 
+:deep(.Slide-TitleBody_muted) {
+  color: var(--theme-text-muted);
+}
+
 :deep(.Slide-TitleBody :where(p, ul, ol, blockquote)) {
   margin: 0;
   color: inherit;
@@ -272,6 +323,10 @@ const slideClass = computed(() => ({
   content: '●';
 }
 
+:deep(.Slide-TitleBody ul ul li)::marker {
+  content: '▪︎';
+}
+
 :deep(.Slide-TitleBody :where(p, ul, ol, blockquote) + :where(p, ul, ol, blockquote)) {
   margin-top: calc(var(--theme-grid-module) * 3);
 }

package/components/Slot.vue

@@ -2,30 +2,26 @@
 import { useSlideContext } from '@slidev/client'
 import {
   computed,
-  defineComponent,
   getCurrentInstance,
-  h,
-  isVNode,
   onBeforeUnmount,
   shallowRef,
   watchEffect,
-  type CSSProperties,
-  type PropType,
-  type VNode,
 } from 'vue'
 import ImageRenderer from './ImageRenderer.vue'
+import TextFitGroup from './TextFitGroup.vue'
 import { createThemeMedia } from '../composables/theme-media.mjs'
-import type { ThemeLayoutSlotSpec } from '../composables/layout-registry'
+import type { ThemeLayoutSlotSpec } from '../composables/layout-recipes'
 import { useSlotPlacementSession, type ResolvedSlotPlacement } from '../composables/slot-placement'
-import { createTextFitRuntime } from '../composables/text-fit-runtime'
+import {
+  resolveSlotGapCssValue,
+  resolveSlotSpacingStyle,
+  type SlotGapInput,
+  type SlotMarginInput,
+} from '../composables/slot-spacing'
 import { useThemeConfig } from '../composables/use-theme-config'
 import { resolveSlotTheme, themeVars, type ThemeSlotSurface } from '../composables/theme-foundation'
 import { camelToKebab } from '../composables/layout-vnode'
 
-type SlotMarginLevel = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8
-type SlotMarginInput = SlotMarginLevel | `${SlotMarginLevel}`
-type SlotGap = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7
-type SlotGapInput = SlotGap | `${SlotGap}`
 type SlotRole = 'primary' | 'secondary' | 'support' | 'media'
 type SlotSurfaceInput = ThemeSlotSurface
 type ImageDataInput = {
@@ -51,8 +47,6 @@ type SlotDecorInput = Omit<Partial<ImageDataInput>, 'src'> & {
   tone?: string
 }
 
-const SLOT_MARGIN_LEVELS = new Set<`${SlotMarginLevel}`>(['1', '2', '3', '4', '5', '6', '7', '8'])
-const SLOT_GAP_LEVELS = new Set<`${SlotGap}`>(['0', '1', '2', '3', '4', '5', '6', '7'])
 const layoutOverrideKeys = [
   'surface',
   'tone',
@@ -64,36 +58,6 @@ const layoutOverrideKeys = [
   'centered',
 ] as const satisfies readonly (keyof ThemeLayoutSlotSpec)[]
 
-const SlotContent = defineComponent({
-  name: 'SlotContent',
-  props: {
-    contentStyle: {
-      type: Object as PropType<CSSProperties>,
-      required: true,
-    },
-  },
-  setup(contentProps, { slots }) {
-    const contentElement = shallowRef<HTMLElement | null>(null)
-    let currentChildren: VNode[] = []
-    const textFit = createTextFitRuntime()
-    const { apply } = textFit.useGroup({
-      target: contentElement,
-      nodes: () => currentChildren,
-    })
-
-    return () => {
-      const children = (slots.default?.() ?? []).filter(isVNode)
-      currentChildren = children
-
-      return h('div', {
-        ref: contentElement,
-        class: 'Slot-Content',
-        style: contentProps.contentStyle,
-      }, apply(children))
-    }
-  },
-})
-
 const props = withDefaults(defineProps<{
   as?: string
   role?: SlotRole
@@ -111,6 +75,7 @@ const props = withDefaults(defineProps<{
   marginBottom?: SlotMarginInput
   marginLeft?: SlotMarginInput
   gap?: SlotGapInput
+  fitGroup?: string
   centered?: boolean
 }>(), {
   as: 'section',
@@ -124,6 +89,7 @@ const props = withDefaults(defineProps<{
   background: undefined,
   decor: undefined,
   gap: '0',
+  fitGroup: '',
   centered: false,
 })
 
@@ -259,52 +225,21 @@ const backgroundLayers = computed(() =>
   }),
 )
 
-function resolveMarginCssValue(value: SlotMarginInput | undefined) {
-  if (value == null)
-    return undefined
-
-  const normalizedValue = String(value) as `${SlotMarginLevel}`
-  if (!SLOT_MARGIN_LEVELS.has(normalizedValue)) {
-    throw new Error(`[${props.label || slotId}] margin должен быть уровнем 1..8. Получено: "${String(value)}".`)
-  }
-
-  return `var(--theme-slot-margin-${normalizedValue})`
-}
-
-function resolveGapCssValue(value: SlotGapInput | undefined) {
-  if (value == null)
-    return '0'
-
-  const normalizedValue = String(value) as `${SlotGap}`
-  if (normalizedValue === '0')
-    return '0'
-
-  if (!SLOT_GAP_LEVELS.has(normalizedValue)) {
-    throw new Error(`[${props.label || slotId}] gap должен быть уровнем 0..7. Получено: "${String(value)}".`)
-  }
-
-  return `var(--theme-slot-margin-${normalizedValue})`
-}
-
 const marginStyle = computed(() => {
   const layoutSlot = resolvedLayoutSlot.value
-  const margin = layoutSlot?.margin ?? props.margin
-  const style = {
-    paddingTop: resolveMarginCssValue(layoutSlot?.marginTop ?? props.marginTop ?? margin),
-    paddingRight: resolveMarginCssValue(layoutSlot?.marginRight ?? props.marginRight ?? margin),
-    paddingBottom: resolveMarginCssValue(layoutSlot?.marginBottom ?? props.marginBottom ?? margin),
-    paddingLeft: resolveMarginCssValue(layoutSlot?.marginLeft ?? props.marginLeft ?? margin),
-  }
-
-  if (Object.values(style).every(value => value == null))
-    return null
 
-  return style
+  return resolveSlotSpacingStyle({
+    margin: layoutSlot?.margin ?? props.margin,
+    marginTop: layoutSlot?.marginTop ?? props.marginTop,
+    marginRight: layoutSlot?.marginRight ?? props.marginRight,
+    marginBottom: layoutSlot?.marginBottom ?? props.marginBottom,
+    marginLeft: layoutSlot?.marginLeft ?? props.marginLeft,
+  }, props.label || slotId)
 })
 
 const contentStyle = computed(() => ({
   ...(marginStyle.value ?? {}),
-  '--theme-slot-gap': resolveGapCssValue(props.gap),
+  '--theme-slot-gap': resolveSlotGapCssValue(props.gap, props.label || slotId),
 }))
 
 const alignmentClass = computed(() => ({
@@ -333,9 +268,9 @@ const surfaceClass = computed(() => {
                      class="Slot-BackgroundLayer"
                      :layer="backgroundLayer" />
     </div>
-    <SlotContent :content-style="contentStyle">
+    <TextFitGroup class="Slot-Content" :style="contentStyle" :fit-group="props.fitGroup">
       <slot />
-    </SlotContent>
+    </TextFitGroup>
   </component>
 </template>
 

package/components/Text.vue

@@ -1,11 +1,12 @@
 <script setup lang="ts">
-import { computed, shallowRef } from 'vue'
+import { computed, shallowRef, useSlots } from 'vue'
 import {
   createTextFitRuntime,
   parseThemeTextSizeRange,
   type ThemeTextSize,
   type ThemeTextSizeInput,
 } from '../composables/text-fit-runtime'
+import { resolveTextSlotMarkdown } from '../composables/text-slot-markdown.mjs'
 
 type ThemeTextPriority = 1 | 2 | 3
 type ThemeTextPriorityInput = ThemeTextPriority | `${ThemeTextPriority}`
@@ -71,6 +72,15 @@ const props = withDefaults(defineProps<{
   color: 'current',
 })
 
+const slots = useSlots()
+const markdownNodes = computed(() => {
+  const tag = props.as.toLowerCase()
+
+  if (/^h[1-6]$/.test(tag))
+    return null
+
+  return resolveTextSlotMarkdown(slots.default?.() ?? [])
+})
 const textElement = shallowRef<HTMLElement | null>(null)
 const normalizedSizeRange = computed(() => parseThemeTextSizeRange(props.size, 2))
 const fitMax = computed(() => props.maxSize || normalizedSizeRange.value.isRange)
@@ -120,7 +130,10 @@ const textStyle = computed(() => ({
                },
              ]"
              :style="textStyle">
-    <slot />
+    <slot v-if="!markdownNodes" />
+    <component v-for="(node, index) in markdownNodes"
+               :is="node"
+               :key="index" />
   </component>
 </template>
 
@@ -129,6 +142,7 @@ const textStyle = computed(() => ({
   min-width: 0;
   margin: 0;
   font-weight: 400;
+  --theme-text-list-marker-width: 2ch;
 }
 
 .Text_fit_max {
@@ -213,4 +227,56 @@ const textStyle = computed(() => ({
   font-size: var(--theme-text-size-12);
   line-height: var(--theme-text-line-12);
 }
+
+.Text :deep(:where(p, li)) {
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.Text :deep(p) {
+  margin: 0;
+}
+
+.Text :deep(:where(ul, ol)) {
+  margin: 0;
+  padding-left: 0;
+  list-style-position: outside;
+}
+
+.Text :deep(ul) {
+  list-style-type: disc;
+  padding-inline-start: 1.25ch;
+}
+
+.Text :deep(ol) {
+  list-style-type: decimal;
+  padding-inline-start: var(--theme-text-list-marker-width);
+  font-variant-numeric: tabular-nums;
+}
+
+.Text :deep(li > :is(ul, ol)) {
+  padding-inline-start: calc(var(--theme-grid-module) * 2);
+}
+
+.Text :deep(li) {
+  display: list-item;
+  margin-bottom: var(--theme-space-flow);
+  color: inherit;
+  font-size: inherit;
+}
+
+/* Slidev pass-through: <li><p>…</p></li> ломает outside-маркеры */
+.Text :deep(li > p) {
+  display: inline;
+  margin: 0;
+}
+
+.Text :deep(:where(p, li) + :where(p, ul, ol)) {
+  margin-top: var(--theme-space-flow);
+}
+
+.Text :deep(li)::marker {
+  color: currentcolor;
+  font-size: inherit;
+}
 </style>