vitepress 0.22.3 → 1.0.0-draft.2

package/dist/client/theme-default/components/icons/VPIconDiscord.vue

@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24">
+    <path d="M20.222 0c1.406 0 2.54 1.137 2.607 2.475V24l-2.677-2.273-1.47-1.338-1.604-1.398.67 2.205H3.71c-1.402 0-2.54-1.065-2.54-2.476V2.48C1.17 1.142 2.31.003 3.715.003h16.5L20.222 0zm-6.118 5.683h-.03l-.202.2c2.073.6 3.076 1.537 3.076 1.537-1.336-.668-2.54-1.002-3.744-1.137-.87-.135-1.74-.064-2.475 0h-.2c-.47 0-1.47.2-2.81.735-.467.203-.735.336-.735.336s1.002-1.002 3.21-1.537l-.135-.135s-1.672-.064-3.477 1.27c0 0-1.805 3.144-1.805 7.02 0 0 1 1.74 3.743 1.806 0 0 .4-.533.805-1.002-1.54-.468-2.14-1.404-2.14-1.404s.134.066.335.2h.06c.03 0 .044.015.06.03v.006c.016.016.03.03.06.03.33.136.66.27.93.4.466.202 1.065.403 1.8.536.93.135 1.996.2 3.21 0 .6-.135 1.2-.267 1.8-.535.39-.2.87-.4 1.397-.737 0 0-.6.936-2.205 1.404.33.466.795 1 .795 1 2.744-.06 3.81-1.8 3.87-1.726 0-3.87-1.815-7.02-1.815-7.02-1.635-1.214-3.165-1.26-3.435-1.26l.056-.02zm.168 4.413c.703 0 1.27.6 1.27 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334.002-.74.573-1.338 1.27-1.338zm-4.543 0c.7 0 1.266.6 1.266 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334 0-.74.57-1.338 1.27-1.338z" />
+  </svg>
+</template>

package/dist/client/theme-default/components/icons/VPIconEdit.vue

@@ -0,0 +1,6 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z" />
+    <path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z" />
+  </svg>
+</template>

package/dist/client/theme-default/components/icons/VPIconExternalLink.vue

@@ -0,0 +1,13 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+    height="24px"
+    viewBox="0 0 24 24"
+    width="24px"
+  >
+    <path d="M0 0h24v24H0V0z" fill="none" />
+    <path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z" />
+  </svg>
+</template>

package/dist/client/theme-default/components/icons/VPIconFacebook.vue

@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24">
+    <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z" />
+  </svg>
+</template>

package/dist/client/theme-default/components/icons/VPIconGitHub.vue

@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24">
+    <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
+  </svg>
+</template>

package/dist/client/theme-default/components/icons/VPIconHeart.vue

@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <path d="M12,22.2c-0.3,0-0.5-0.1-0.7-0.3l-8.8-8.8c-2.5-2.5-2.5-6.7,0-9.2c2.5-2.5,6.7-2.5,9.2,0L12,4.3l0.4-0.4c0,0,0,0,0,0C13.6,2.7,15.2,2,16.9,2c0,0,0,0,0,0c1.7,0,3.4,0.7,4.6,1.9l0,0c1.2,1.2,1.9,2.9,1.9,4.6c0,1.7-0.7,3.4-1.9,4.6l-8.8,8.8C12.5,22.1,12.3,22.2,12,22.2zM7,4C5.9,4,4.7,4.4,3.9,5.3c-1.8,1.8-1.8,4.6,0,6.4l8.1,8.1l8.1-8.1c0.9-0.9,1.3-2,1.3-3.2c0-1.2-0.5-2.3-1.3-3.2l0,0C19.3,4.5,18.2,4,17,4c0,0,0,0,0,0c-1.2,0-2.3,0.5-3.2,1.3c0,0,0,0,0,0l-1.1,1.1c-0.4,0.4-1,0.4-1.4,0l-1.1-1.1C9.4,4.4,8.2,4,7,4z" />
+  </svg>
+</template>

package/dist/client/theme-default/components/icons/VPIconInstagram.vue

@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24">
+    <path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z" />
+  </svg>
+</template>

package/dist/client/theme-default/components/icons/VPIconLanguages.vue

@@ -0,0 +1,9 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24">
+    <path d="M0 0h24v24H0z" fill="none"></path>
+    <path
+      d=" M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z "
+      class="css-c4d79v"
+    ></path>
+  </svg>
+</template>

package/dist/client/theme-default/components/icons/VPIconLinkedIn.vue

@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24">
+    <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" />
+  </svg>
+</template>

package/dist/client/theme-default/components/icons/VPIconMoon.vue

@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24">
+    <path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z" />
+  </svg>
+</template>

package/dist/client/theme-default/components/icons/VPIconMoreHorizontal.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24">
+    <circle cx="12" cy="12" r="2" />
+    <circle cx="19" cy="12" r="2" />
+    <circle cx="5" cy="12" r="2" />
+  </svg>
+</template>

package/dist/client/theme-default/components/icons/VPIconPlus.vue

@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24">
+    <path d="M18.9,10.9h-6v-6c0-0.6-0.4-1-1-1s-1,0.4-1,1v6h-6c-0.6,0-1,0.4-1,1s0.4,1,1,1h6v6c0,0.6,0.4,1,1,1s1-0.4,1-1v-6h6c0.6,0,1-0.4,1-1S19.5,10.9,18.9,10.9z" />
+  </svg>
+</template>

package/dist/client/theme-default/components/icons/VPIconSlack.vue

@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24">
+    <path d="M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zM6.313 15.165a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zM8.834 6.313a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zM18.956 8.834a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zM17.688 8.834a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zM15.165 18.956a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zM15.165 17.688a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z" />
+  </svg>
+</template>

package/dist/client/theme-default/components/icons/VPIconSun.vue

@@ -0,0 +1,13 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24">
+    <path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z" />
+    <path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z" />
+    <path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z" />
+    <path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z" />
+    <path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z" />
+    <path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z" />
+    <path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z" />
+    <path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z" />
+    <path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z" />
+  </svg>
+</template>

package/dist/client/theme-default/components/icons/VPIconTwitter.vue

@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24">
+    <path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z" />
+  </svg>
+</template>

package/dist/client/theme-default/components/icons/VPIconYouTube.vue

@@ -0,0 +1,5 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24">
+    <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" />
+  </svg>
+</template>

package/dist/client/theme-default/composables/edit-link.js

@@ -0,0 +1,22 @@
+import { computed } from 'vue';
+import { useData } from 'vitepress';
+export function useEditLink() {
+    const { theme, page } = useData();
+    return computed(() => {
+        const url = [
+            'https://github.com',
+            theme.value.editLink?.repo || '???',
+            'edit',
+            theme.value.editLink?.branch || 'main',
+            theme.value.editLink?.dir || null,
+            page.value.relativePath
+        ]
+            .filter((v) => v)
+            .join('/');
+        const text = theme.value.editLink?.text ?? 'Edit this page';
+        return {
+            url,
+            text
+        };
+    });
+}

package/dist/client/theme-default/composables/flyout.js

@@ -0,0 +1,40 @@
+import { ref, watch, readonly, onUnmounted } from 'vue';
+export const focusedElement = ref();
+let active = false;
+let listeners = 0;
+export function useFlyout(options) {
+    const focus = ref(false);
+    if (typeof window !== 'undefined') {
+        !active && activateFocusTracking();
+        listeners++;
+        const unwatch = watch(focusedElement, (el) => {
+            if (el === options.el.value || options.el.value?.contains(el)) {
+                focus.value = true;
+                options.onFocus?.();
+            }
+            else {
+                focus.value = false;
+                options.onBlur?.();
+            }
+        });
+        onUnmounted(() => {
+            unwatch();
+            listeners--;
+            if (!listeners) {
+                deactivateFocusTracking();
+            }
+        });
+    }
+    return readonly(focus);
+}
+function activateFocusTracking() {
+    document.addEventListener('focusin', handleFocusIn);
+    active = true;
+    focusedElement.value = document.activeElement;
+}
+function deactivateFocusTracking() {
+    document.removeEventListener('focusin', handleFocusIn);
+}
+function handleFocusIn() {
+    focusedElement.value = document.activeElement;
+}

package/dist/client/theme-default/composables/nav.js

@@ -1,5 +1,31 @@
-import { computed } from 'vue';
+import { ref, computed } from 'vue';
 import { useData, useRoute } from 'vitepress';
+export function useNav() {
+    const isScreenOpen = ref(false);
+    function openScreen() {
+        isScreenOpen.value = true;
+        window.addEventListener('resize', closeScreenOnTabletWindow);
+    }
+    function closeScreen() {
+        isScreenOpen.value = false;
+        window.removeEventListener('resize', closeScreenOnTabletWindow);
+    }
+    function toggleScreen() {
+        isScreenOpen.value ? closeScreen() : openScreen();
+    }
+    /**
+     * Close screen when the user resizes the window wider than tablet size.
+     */
+    function closeScreenOnTabletWindow() {
+        window.outerWidth >= 768 && closeScreen();
+    }
+    return {
+        isScreenOpen,
+        openScreen,
+        closeScreen,
+        toggleScreen
+    };
+}
 export function useLanguageLinks() {
     const { site, localePath, theme } = useData();
     return computed(() => {

package/dist/client/theme-default/composables/outline.js

@@ -0,0 +1,112 @@
+import { onMounted, onUpdated, onUnmounted } from 'vue';
+import { useMediaQuery } from '@vueuse/core';
+import { throttleAndDebounce } from '../support/utils';
+// magic number to avoid repeated retrieval
+const PAGE_OFFSET = 56;
+export function resolveHeaders(headers) {
+    return mapHeaders(groupHeaders(headers));
+}
+function groupHeaders(headers) {
+    headers = headers.map((h) => Object.assign({}, h));
+    let lastH2;
+    for (const h of headers) {
+        if (h.level === 2) {
+            lastH2 = h;
+        }
+        else if (lastH2 && h.level <= 3) {
+            ;
+            (lastH2.children || (lastH2.children = [])).push(h);
+        }
+    }
+    return headers.filter((h) => h.level === 2);
+}
+function mapHeaders(headers) {
+    return headers.map((header) => ({
+        text: header.title,
+        link: `#${header.slug}`,
+        children: header.children ? mapHeaders(header.children) : undefined,
+        hidden: header.hidden
+    }));
+}
+export function useActiveAnchor(container, marker) {
+    const isOutlineEnabled = useMediaQuery('(min-width: 1280px)');
+    const onScroll = throttleAndDebounce(setActiveLink, 100);
+    let prevActiveLink = null;
+    onMounted(() => {
+        requestAnimationFrame(setActiveLink);
+        window.addEventListener('scroll', onScroll);
+    });
+    onUpdated(() => {
+        // sidebar update means a route change
+        activateLink(location.hash);
+    });
+    onUnmounted(() => {
+        window.removeEventListener('scroll', onScroll);
+    });
+    function setActiveLink() {
+        if (!isOutlineEnabled.value) {
+            return;
+        }
+        const links = [].slice.call(container.value.querySelectorAll('.outline-link'));
+        const anchors = [].slice
+            .call(document.querySelectorAll('.content .header-anchor'))
+            .filter((anchor) => {
+            return links.some((link) => {
+                return link.hash === anchor.hash && anchor.offsetParent !== null;
+            });
+        });
+        const scrollY = window.scrollY;
+        const innerHeight = window.innerHeight;
+        const offsetHeight = document.body.offsetHeight;
+        const isBottom = scrollY + innerHeight === offsetHeight;
+        // page bottom - highlight last one
+        if (anchors.length && isBottom) {
+            activateLink(anchors[anchors.length - 1].hash);
+            return;
+        }
+        for (let i = 0; i < anchors.length; i++) {
+            const anchor = anchors[i];
+            const nextAnchor = anchors[i + 1];
+            const [isActive, hash] = isAnchorActive(i, anchor, nextAnchor);
+            if (isActive) {
+                history.replaceState(null, document.title, hash ? hash : ' ');
+                activateLink(hash);
+                return;
+            }
+        }
+    }
+    function activateLink(hash) {
+        if (prevActiveLink) {
+            prevActiveLink.classList.remove('active');
+        }
+        if (hash !== null) {
+            prevActiveLink = container.value.querySelector(`a[href="${decodeURIComponent(hash)}"]`);
+        }
+        const activeLink = prevActiveLink;
+        if (activeLink) {
+            activeLink.classList.add('active');
+            marker.value.style.top = activeLink.offsetTop + 33 + 'px';
+            marker.value.style.opacity = '1';
+        }
+        else {
+            marker.value.style.top = '33px';
+            marker.value.style.opacity = '0';
+        }
+    }
+}
+function getAnchorTop(anchor) {
+    return anchor.parentElement.offsetTop - PAGE_OFFSET - 15;
+}
+function isAnchorActive(index, anchor, nextAnchor) {
+    const scrollTop = window.scrollY;
+    if (index === 0 && scrollTop === 0) {
+        return [true, null];
+    }
+    if (scrollTop < getAnchorTop(anchor)) {
+        return [false, null];
+    }
+    if (!nextAnchor || scrollTop < getAnchorTop(nextAnchor)) {
+        return [true, anchor.hash];
+    }
+    return [false, null];
+}

package/dist/client/theme-default/composables/prev-next.js

@@ -0,0 +1,18 @@
+import { computed } from 'vue';
+import { useData } from 'vitepress';
+import { isActive } from '../support/utils';
+import { getSidebar, getFlatSideBarLinks } from '../support/sidebar';
+export function usePrevNext() {
+    const { page, theme } = useData();
+    return computed(() => {
+        const sidebar = getSidebar(theme.value.sidebar, page.value.relativePath);
+        const candidates = getFlatSideBarLinks(sidebar);
+        const index = candidates.findIndex((link) => {
+            return isActive(page.value.relativePath, link.link);
+        });
+        return {
+            prev: candidates[index - 1],
+            next: candidates[index + 1]
+        };
+    });
+}

package/dist/client/theme-default/composables/sidebar.js

@@ -0,0 +1,57 @@
+import { ref, computed, watchEffect, onMounted, onUnmounted } from 'vue';
+import { useRoute, useData } from 'vitepress';
+import { getSidebar } from '../support/sidebar';
+export function useSidebar() {
+    const route = useRoute();
+    const { theme, frontmatter } = useData();
+    const isOpen = ref(false);
+    const sidebar = computed(() => {
+        const sidebarConfig = theme.value.sidebar;
+        const relativePath = route.data.relativePath;
+        return sidebarConfig ? getSidebar(sidebarConfig, relativePath) : [];
+    });
+    const hasSidebar = computed(() => {
+        return frontmatter.value.sidebar !== false && sidebar.value.length > 0;
+    });
+    function open() {
+        isOpen.value = true;
+    }
+    function close() {
+        isOpen.value = false;
+    }
+    function toggle() {
+        isOpen.value ? close() : open();
+    }
+    return {
+        isOpen,
+        sidebar,
+        hasSidebar,
+        open,
+        close,
+        toggle
+    };
+}
+/**
+ * a11y: cache the element that opened the Sidebar (the menu button) then
+ * focus that button again when Menu is closed with Escape key.
+ */
+export function useCloseSidebarOnEscape(isOpen, close) {
+    let triggerElement;
+    watchEffect(() => {
+        triggerElement = isOpen.value
+            ? document.activeElement
+            : undefined;
+    });
+    onMounted(() => {
+        window.addEventListener('keyup', onEscape);
+    });
+    onUnmounted(() => {
+        window.removeEventListener('keyup', onEscape);
+    });
+    function onEscape(e) {
+        if (e.key === 'Escape' && isOpen.value) {
+            close();
+            triggerElement?.focus();
+        }
+    }
+}

package/dist/client/theme-default/composables/sponsor-grid.js

@@ -0,0 +1,92 @@
+import { onMounted, onUnmounted } from 'vue';
+import { throttleAndDebounce } from '../support/utils';
+/**
+ * Defines grid configuration for each sponsor size in touple.
+ *
+ * [Screen widh, Column size]
+ *
+ * It sets grid size on matching screen size. For example, `[768, 5]` will set
+ * 5 columns when screen size is bigger or equal to 768px.
+ *
+ * Column will set only when item size is bigger than the column size. For
+ * example, even we want 5 columns, if we only have 1 sponsor yet, we would
+ * like to show it in 1 column.
+ */
+const GridSettings = {
+    small: [
+        [920, 6],
+        [768, 5],
+        [640, 4],
+        [480, 3],
+        [0, 2]
+    ],
+    medium: [
+        [960, 5],
+        [832, 4],
+        [640, 3],
+        [480, 2]
+    ],
+    big: [
+        [832, 3],
+        [640, 2]
+    ]
+};
+export function useSponsorsGrid(options) {
+    const onResize = throttleAndDebounce(manage, 100);
+    onMounted(() => {
+        manage();
+        window.addEventListener('resize', onResize);
+    });
+    onUnmounted(() => {
+        window.removeEventListener('resize', onResize);
+    });
+    function manage() {
+        adjustSlots(options.el.value, options.size);
+    }
+}
+function adjustSlots(el, size) {
+    const tsize = el.children.length;
+    const asize = el.querySelectorAll('.vp-sponsor-grid-item:not(.empty)').length;
+    const grid = setGrid(el, size, asize);
+    manageSlots(el, grid, tsize, asize);
+}
+function setGrid(el, size, items) {
+    const settings = GridSettings[size];
+    const screen = window.innerWidth;
+    let grid = 1;
+    settings.some(([breakpoint, value]) => {
+        if (screen >= breakpoint) {
+            grid = items < value ? items : value;
+            return true;
+        }
+    });
+    setGridData(el, grid);
+    return grid;
+}
+function setGridData(el, value) {
+    el.dataset.vpGrid = String(value);
+}
+function manageSlots(el, grid, tsize, asize) {
+    const diff = tsize - asize;
+    const rem = asize % grid;
+    const drem = rem === 0 ? rem : grid - rem;
+    neutralizeSlots(el, drem - diff);
+}
+function neutralizeSlots(el, count) {
+    if (count === 0) {
+        return;
+    }
+    count > 0 ? addSlots(el, count) : removeSlots(el, count * -1);
+}
+function addSlots(el, count) {
+    for (let i = 0; i < count; i++) {
+        const slot = document.createElement('div');
+        slot.classList.add('vp-sponsor-grid-item', 'empty');
+        el.append(slot);
+    }
+}
+function removeSlots(el, count) {
+    for (let i = 0; i < count; i++) {
+        el.removeChild(el.lastElementChild);
+    }
+}

package/dist/client/theme-default/composables/sponsor.js

@@ -0,0 +1,87 @@
+import { onMounted, onUnmounted } from 'vue';
+import { throttleAndDebounce } from '../support/utils';
+const GridSettings = {
+    small: [
+        [920, 6, 2],
+        [768, 5, 2],
+        [640, 4, 2],
+        [480, 3, 2],
+        [0, 2, 2]
+    ],
+    medium: [
+        [832, 4, 3],
+        [640, 3, 3],
+        [480, 2, 2]
+    ],
+    big: [
+        [832, 3, 3],
+        [640, 2, 2]
+    ]
+};
+export function useSponsorsGrid(options) {
+    const onResize = throttleAndDebounce(manage, 100);
+    onMounted(() => {
+        manage();
+        window.addEventListener('resize', onResize);
+    });
+    onUnmounted(() => {
+        window.removeEventListener('resize', onResize);
+    });
+    function manage() {
+        adjustSlots(options.el.value, options.size);
+    }
+}
+function adjustSlots(el, size) {
+    const tsize = el.children.length;
+    const asize = el.querySelectorAll('.vp-sponsor-grid-item:not(.empty)').length;
+    const grid = setGrid(el, size, asize);
+    manageSlots(el, grid, tsize, asize);
+}
+function setGrid(el, size, items) {
+    const settings = GridSettings[size];
+    const screen = window.innerWidth;
+    let grid = 1;
+    const match = settings.some(([breakpoint, value, min]) => {
+        if (screen < breakpoint) {
+            return false;
+        }
+        if (items < min) {
+            setGridData(el, items);
+            grid = items;
+        }
+        else {
+            setGridData(el, value);
+            grid = value;
+        }
+        return true;
+    });
+    match || setGridData(el, 1);
+    return grid;
+}
+function setGridData(el, value) {
+    el.dataset.vpGrid = String(value);
+}
+function manageSlots(el, grid, tsize, asize) {
+    const diff = tsize - asize;
+    const rem = asize % grid;
+    const drem = rem === 0 ? rem : grid - rem;
+    neutralizeSlots(el, drem - diff);
+}
+function neutralizeSlots(el, count) {
+    if (count === 0) {
+        return;
+    }
+    count > 0 ? addSlots(el, count) : removeSlots(el, count * -1);
+}
+function addSlots(el, count) {
+    for (let i = 0; i < count; i++) {
+        const slot = document.createElement('div');
+        slot.classList.add('vp-sponsor-grid-item', 'empty');
+        el.append(slot);
+    }
+}
+function removeSlots(el, count) {
+    for (let i = 0; i < count; i++) {
+        el.removeChild(el.lastElementChild);
+    }
+}

package/dist/client/theme-default/index.js

@@ -1,10 +1,14 @@
+import './styles/fonts.css';
 import './styles/vars.css';
-import './styles/layout.css';
-import './styles/code.css';
-import './styles/custom-blocks.css';
-import './styles/sidebar-links.css';
+import './styles/base.css';
+import './styles/utils.css';
+import './styles/vp-doc.css';
+import './styles/vp-sponsor.css';
 import Layout from './Layout.vue';
 import NotFound from './NotFound.vue';
+export { default as VPHomeHero } from './components/VPHomeHero.vue';
+export { default as VPHomeFeatures } from './components/VPHomeFeatures.vue';
+export { default as VPHomeSponsors } from './components/VPHomeSponsors.vue';
 const theme = {
     Layout,
     NotFound