|
|
@ -25,7 +25,8 @@ useActiveAnchor(container, marker)
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div
|
|
|
|
<nav
|
|
|
|
|
|
|
|
aria-labelledby="doc-outline-aria-label"
|
|
|
|
class="VPDocAsideOutline"
|
|
|
|
class="VPDocAsideOutline"
|
|
|
|
:class="{ 'has-outline': headers.length > 0 }"
|
|
|
|
:class="{ 'has-outline': headers.length > 0 }"
|
|
|
|
ref="container"
|
|
|
|
ref="container"
|
|
|
@ -34,16 +35,18 @@ useActiveAnchor(container, marker)
|
|
|
|
<div class="content">
|
|
|
|
<div class="content">
|
|
|
|
<div class="outline-marker" ref="marker" />
|
|
|
|
<div class="outline-marker" ref="marker" />
|
|
|
|
|
|
|
|
|
|
|
|
<div class="outline-title" role="heading" aria-level="2">{{ resolveTitle(theme) }}</div>
|
|
|
|
<div
|
|
|
|
|
|
|
|
aria-level="2"
|
|
|
|
|
|
|
|
class="outline-title"
|
|
|
|
|
|
|
|
id="doc-outline-aria-label"
|
|
|
|
|
|
|
|
role="heading"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
{{ resolveTitle(theme) }}
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<nav aria-labelledby="doc-outline-aria-label">
|
|
|
|
<VPDocOutlineItem :headers="headers" :root="true" />
|
|
|
|
<span class="visually-hidden" id="doc-outline-aria-label">
|
|
|
|
|
|
|
|
Table of Contents for current page
|
|
|
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
<VPDocOutlineItem :headers="headers" :root="true" />
|
|
|
|
|
|
|
|
</nav>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</nav>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
<style scoped>
|
|
|
|