@unocss/inspector
Version:
The inspector UI for UnoCSS
4 lines (3 loc) • 1.56 kB
JavaScript
import{d as x,r as S,u as b,a as k,b as V,f as B,c as w,o as y,e as s,g as a,w as m,_ as C,h as R,i as P,j as p,v as E,k as l,l as N,n as f,m as U,p as $,q as I}from"./index-8SRY6IBm.js";const L={"h-full":"",grid:"~ rows-[max-content_1fr]","of-hidden":""},M={"h-full":"","of-hidden":"",grid:"","grid-cols-2":""},T=x({__name:"ReplPlayground",setup(v){const r=S(null),t=b(r,"repl-scrolls"),o=k("unocss:inspector:repl",`<div class="text-sm hover:text-red">
Hello World
</div>`),n=V("unocss-inspector-safelist",!1),{data:c}=B(o,n);return(z,e)=>{var i,_;const g=C,h=N,u=U;return y(),w("div",L,[s("div",{ref_key:"status",ref:r},[a(g,null,{default:m(()=>e[2]||(e[2]=[s("div",null," REPL Playground ",-1),s("div",{op60:""}," Edit your code below to test and play UnoCSS's matching and generating. ",-1)])),_:1,__:[2]}),a(h,{border:"b gray-400/20",title:""},{default:m(()=>[s("label",null,[R(s("input",{"onUpdate:modelValue":e[0]||(e[0]=d=>p(n)?n.value=d:null),type:"checkbox"},null,512),[[E,l(n)]]),e[3]||(e[3]=P(" Include safelist "))])]),_:1})],512),s("div",M,[a(u,{modelValue:l(o),"onUpdate:modelValue":e[1]||(e[1]=d=>p(o)?o.value=d:null),mode:"html",matched:((i=l(c))==null?void 0:i.matched)||[],class:"scrolls repl-scrolls",style:f(l(t))},null,8,["modelValue","matched","style"]),a(u,{border:"l main","model-value":((_=l(c))==null?void 0:_.css)||"/* empty */","read-only":!0,mode:"css",class:"scrolls repl-scrolls",style:f(l(t))},null,8,["model-value","style"])])])}}}),j={};function q(v,r){const t=T;return y(),I(t)}const H=$(j,[["render",q]]);export{H as default};