layout, sidebar
| layout |
sidebar |
| page |
false |
<script setup lang="ts">
import { useData } from 'vitepress';
import { ref, onMounted, onBeforeUnmount } from 'vue';
// Create a key ref to force re-render of the elements-api component
const componentKey = ref(0);
// Use a native event listener to intercept hash changes
const handleHashChange = () => {
componentKey.value++;
};
onMounted(() => {
window.addEventListener('hashchange', handleHashChange);
});
onBeforeUnmount(() => {
window.removeEventListener('hashchange', handleHashChange);
});
const elementScript = document.createElement('script');
elementScript.src = '
https://unpkg.com/@stoplight/elements/web-components.min.js';
document.head.appendChild(elementScript);
const elementStyle = document.createElement('link');
elementStyle.rel = 'stylesheet';
elementStyle.href = '
https://unpkg.com/@stoplight/elements/styles.min.css';
document.head.appendChild(elementStyle);
const { isDark } = useData();
let theme = 'light';
if (isDark.value) {
theme = 'dark';
}
</script>
