| import{g as m,h as _,i as g,s,j as f,v as y,k as R,l as a,C as h,m as r}from"./app-9073a2e6.js";const w=e=>JSON.parse(decodeURIComponent(e));var V=m({name:"VuePlayground",props:{title:{type:String,default:""},files:{type:String,required:!0},settings:{type:String,default:"{}"}},setup(e){const u=_(),i=g(!0),t=s(),l=s(),n=s(),o=f(()=>y({},u,w(e.settings))),d=async()=>{const[{ReplStore:v,Repl:p},{default:c}]=await Promise.all([r(()=>import("./vue-repl-8e9edb17.js"),["assets/vue-repl-8e9edb17.js","assets/app-9073a2e6.js","assets/commonjs-dynamic-modules-302442b1.js","assets/utils-a5e1dbae-143be013.js"]),r(()=>import("./codemirror-editor-5d776ea9.js"),["assets/codemirror-editor-5d776ea9.js","assets/utils-a5e1dbae-143be013.js","assets/app-9073a2e6.js"])]);t.value=p,n.value=c,l.value=new v({serializedState:decodeURIComponent(e.files)}),o.value.vueVersion&&await l.value.setVueVersion(o.value.vueVersion)};return R(async()=>{await d(),i.value=!1}),()=>[a("div",{class:"vue-playground-wrapper"},[e.title?a("div",{class:"header"},decodeURIComponent(e.title)):null,a("div",{class:"repl-container"},[i.value?a(h,{class:"preview-loading",height:192}):null,t.value?a(t.value,{editor:n.value,store:l.value,autoResize:!0,...o.value,layout:"horizontal"}):null])])]}});export{V as default}; |