|
- import{R as k,d as u,o as d,e as g,K as o,M as s,u as e,S as C,b as m,h,s as D,O as N,F as $}from"./index-080862c1.js";import{u as x}from"./useDarks-2fae6676.js";const M=k("counter",{state(){return{count:0}},actions:{inc(){this.count++}},persist:!0}),b={class:"cursor-pointer mt-6 ml-6"},z=u({name:"counter"}),B=u({...z,setup(l){const t=M();return(a,n)=>(d(),g("div",b,[o("div",{onClick:n[0]||(n[0]=c=>e(t).inc())},"counter: "+s(e(t).count),1)]))}}),L=()=>{const{t:l,locale:t}=C(),a=()=>{t.value=t.value==="zh-CN"?"en":"zh-CN"},n=m(()=>t.value==="zh-CN"?"中文":"English");return{t:l,language:n,toggleLocale:a}},S={class:"m-6"},I=u({__name:"index",setup(l){const{isDark:t,toggleDark:a}=x(),{t:n,toggleLocale:c,language:p}=L(),_=m(()=>t.value?"dark":"light");console.log(1111);const i=h(0);return setInterval(()=>{i.value++},1e3),D(()=>{console.log("onMounted - DOM挂载完毕")}),(y,r)=>{const v=B;return d(),g($,null,[o("div",S,s(e(i)),1),o("div",{class:"cursor-pointer m-6",onClick:r[0]||(r[0]=f=>e(a)())},"theme: "+s(e(_)),1),o("div",{class:"cursor-pointer mt-6 ml-6",onClick:r[1]||(r[1]=f=>e(c)())},[o("div",null,"language: "+s(e(p)),1),o("div",null,"base: "+s(e(n)("about")),1),o("div",null,"nesting: "+s(e(n)("nesting.sir"))+" "+s(e(n)("nesting.lady")),1)]),N(v)],64)}}});export{I as default};
|
