es-toolkit/docs/.vitepress/components/Sandpack.vue
Dayong Lee fb4a0e1736
docs: Automate the status of compatiblity implementation (#486)
* Add vue eslint

* Remove Sandpakc and add Registry CompatibilityStatus

* add compatibility data

* Apply CompatibilityStatus

* Remove unusable template

* Revert

* Refactor

* Fix lint error

---------

Co-authored-by: Sojin Park <raon0211@toss.im>
2024-09-07 23:36:54 +09:00

36 lines
607 B
Vue

<template>
<Sandbox
:rtl="rtl"
template="vanilla-ts"
:light-theme="lightTheme"
:dark-theme="darkTheme"
:options="{
...props,
showLineNumbers: true,
showConsole: true,
showTabs: false,
}"
:custom-setup="{
...props,
deps: {
'es-toolkit': 'latest',
},
}"
:code-options="codeOptions"
>
<slot />
</Sandbox>
</template>
<script setup>
import { Sandbox, sandboxProps } from 'vitepress-plugin-sandpack';
const props = defineProps(sandboxProps);
</script>
<style>
.sp-preview {
display: none !important;
}
</style>