vuepress-plugin-md-enhance/lib/client/components/SandPack.js

Markdown enhancement plugin for vuepress

import{LoadingIcon as d,useDarkMode as c,deepAssign as r,decodeData as n}from"@vuepress/helper/client";import u from"@vuepress/helper/noopComponent";import{defineAsyncComponent as S,defineComponent as v,computed as o,h as t}from"vue";import"../styles/sandpack.scss";import{u as g}from"../sandpack-D5lmT_3m.js";const f=e=>JSON.parse(n(e)),h=e=>JSON.parse(n(e)),k=e=>JSON.parse(n(e)),C=S({loader:()=>__VUEPRESS_SSR__?Promise.resolve(u):import("sandpack-vue3").then(({Sandpack:e})=>e),loadingComponent:d});var P=v({name:"SandPack",props:{files:{type:String,required:!0},title:String,template:String,options:String,customSetup:String,theme:String,rtl:Boolean},setup(e){const i=c(),a=g(),p=o(()=>r({},a.options,h(e.options??"{}"))),s=o(()=>e.template??a.template),l=o(()=>e.theme??(i.value?"dark":"light")),m=o(()=>r({},a.customSetup,k(e.customSetup??"{}")));return()=>[t("div",{class:"vp-container sandpack-wrapper"},[e.title?t("div",{class:"vp-container-header"},t("div",{class:"vp-container-title"},decodeURIComponent(e.title))):null,t("div",{class:"sandpack-container"},t(C,{template:s.value,theme:l.value,files:f(e.files),options:p.value,customSetup:m.value,rtl:e.rtl}))])]}});export{P as default};
//# sourceMappingURL=SandPack.js.map