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

Markdown enhancement plugin for vuepress

import{useDarkMode as u,decodeData as p}from"@vuepress/helper/client";import{watchImmediate as m}from"@vueuse/core";import{defineComponent as c,shallowRef as f,computed as r,h as e,onMounted as g}from"vue";import"../styles/kotlin-playground.scss";var v=c({name:"KotlinPlayground",props:{files:{type:String,required:!0},title:String,settings:String},setup(t){const a=u(),o=f(),l=r(()=>JSON.parse(p(t.files))),d=r(()=>({theme:a.value?"darcula":"default",...JSON.parse(decodeURIComponent(t.settings??"{}"))})),i=async()=>{const{default:n}=await import("kotlin-playground");n(o.value)};return g(()=>{m(a,()=>i(),{flush:"post"})}),()=>e("div",{class:"kotlin-playground-wrapper"},[t.title?e("div",{class:"header"},decodeURIComponent(t.title)):null,e("div",{class:"kotlin-playground-container",key:a.value?"dark":"light"},e("div",{class:"kotlin-playground",ref:o,...d.value},[e("pre",l.value[0]),l.value.length>1?l.value.map((n,s)=>s===0?null:e("textarea",{class:"hidden-dependency",readonly:""},n)):null]))])}});export{v as default};
//# sourceMappingURL=KotlinPlayground.js.map