vuepress-plugin-md-enhance
Version:
Markdown enhancement plugin for vuepress
3 lines (2 loc) • 911 B
JavaScript
import{useToggle as n,useEventListener as r}from"@vueuse/core";import{defineComponent as a,shallowRef as p,ref as v,h as e}from"vue";import"../styles/md-demo.scss";var m=a({name:"MdDemo",props:{id:{type:String,required:!0},title:String},slots:Object,setup(t,{slots:o}){const[d,l]=n(!1),i=p(),s=v("0");return r("beforeprint",()=>{l(!0)}),()=>e("div",{class:"vp-container vp-md-demo",id:t.id},[e("div",{class:"vp-container-header"},[e("button",{type:"button",title:"toggle",class:["vp-md-demo-toggle-button",d.value?"down":"end"],onClick:()=>{s.value=d.value?"0":`${i.value.clientHeight+13.8}px`,l()}}),t.title?e("div",{class:"vp-container-title"},decodeURIComponent(t.title)):null]),e("div",{class:"vp-md-demo-display"},o.default()),e("div",{class:"vp-md-demo-code-wrapper",style:{height:s.value}},e("div",{ref:i,class:"vp-md-demo-codes"},o.code()))])}});export{m as default};
//# sourceMappingURL=MdDemo.js.map