https://www.gitori.com/blog/_nuxt/ComponentPlayground.881b6eae.js

1import{M as m,I as p,d as c,aj as i,r as u,N as n,k as l}from"./entry.203737f5.js";import{u as d}from"./asyncData.e581b47b.js";import f from"./Ellipsis.383d98d1.js";import _ from"./ComponentPlaygroundData.efc27a09.js";import"./TabsHeader.4f9c379d.js";import"./ComponentPlaygroundProps.724e246d.js";import"./ProseH4.5e664c01.js";import"./ProseCodeInline.0a906ce7.js";import"./Badge.52ee505a.js";import"./MDCSlot.c2c46317.js";import"./slot.fb39f859.js";import"./ProseP.ac5fddd7.js";import"./index.f42ce589.js";import"./ComponentPlaygroundSlots.vue.9010b8af.js";import"./ComponentPlaygroundTokens.vue.296784ce.js";async function y(o){const t=m(o);{const{data:e}=await d(`nuxt-component-meta${t?`-${t}`:""}`,()=>$fetch(`/api/component-meta${t?`/${t}`:""}`));return p(()=>e.value)}}const g=c({props:{component:{type:String,required:!0},props:{type:Object,required:!1,default:()=>({})}},async setup(o){const t=p(()=>i(o.component)),e=u({...o.props}),r=await y(o.component);return{as:t,formProps:e,componentData:r}},render(o){const t=Object.entries(this.$slots).reduce((e,[r,a])=>{if(r.startsWith("component-")){const s=r.replace("component-","");e[s]=a}return e},{});return n("div",{class:"component-playground"},[n("div",{class:"component-playground-wrapper"},[n(f,{class:"component-playground-ellipsis",blur:"5vw",height:"100%",width:"100%"}),n(o.as,{...o.formProps,class:"component-playground-component"},{...t})]),n(_,{modelValue:o.formProps,componentData:o.componentData,"onUpdate:modelValue":e=>o.formProps=e})])}});const V=l(g,[["__scopeId","data-v-c6ef11bc"]]);export{V as default};