import{W as V,c as C,o as u,X as y,d as R,Y as I,q as k,Z as P,g as a,$ as m,a0 as D,a1 as S,b as e,a as H,s,u as o,a2 as M,t as v,e as N,w as l,a3 as j,z as n,a4 as E,F as g,M as r,a5 as B}from"./index-DH8HZ7DP.js";const U={},_={viewBox:"0 0 566 154",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function O(Z,d){return u(),C("svg",_,[...d[0]||(d[0]=[y('',2)])])}const A=V(U,[["render",O]]),F="8.0.3",$={"h-full":"","w-full":"",flex:"","of-auto":""},h={flex:"~ col gap2",ma:"","h-full":"","max-w-300":"","w-full":"",px20:""},z={flex:"~ col","mt-20":"","items-center":""},K={flex:"~","mt--10":"","items-center":"","justify-center":""},q={key:0,mb6:"","mt--1":"","text-center":"","text-sm":"",flex:"~ gap-1"},G={op40:""},W={flex:"~ gap2 wrap"},X={"theme-card-green":"",p4:"",flex:"~ col auto"},Y={flex:"~ gap-6 wrap","mt-5":"","items-center":"","justify-center":""},J={flex:"~ gap-1","cursor-default":"","items-center":"","justify-center":"","pb-2":"","text-sm":"",op40:""},Q={key:0,flex:"~ gap-1","cursor-default":"","items-center":"","justify-center":"","pb-8":"","text-sm":"",op40:""},t1=R({__name:"overview",setup(Z){const{vueVersion:d}=I(),x=k(1),p=k(0);function b(i){let t=0;for(const f of i)t++,f.children?.length&&(t+=b(f.children));return t}function T(i){x.value=i?.routes?.length||1}function L(i){const t=D(i);t.inspectorId==="components"&&(p.value=b(t.rootNodes))}return P(()=>{a.value.getRouterInfo().then(i=>{x.value=i?.routes?.length||1}),a.functions.on(m.ROUTER_INFO_UPDATED,T),a.value.getInspectorTree({inspectorId:"components",filter:""}).then(i=>{const t=D(i);p.value=b(t)})}),a.functions.on(m.INSPECTOR_TREE_UPDATED,L),S(()=>{a.functions.off(m.INSPECTOR_TREE_UPDATED,L),a.functions.off(m.ROUTER_INFO_UPDATED,T)}),(i,t)=>{const f=A,w=j("RouterLink");return u(),C("div",$,[e("div",h,[t[29]||(t[29]=e("div",{"flex-auto":""},null,-1)),e("div",z,[e("div",K,[s(f,{"h-18":""})]),o(M)?H("",!0):(u(),C("div",q,[t[0]||(t[0]=e("span",{op40:""}," Vue DevTools ",-1)),e("code",G,"v"+v(o(F)),1)]))]),e("div",W,[e("div",X,[t[1]||(t[1]=e("div",{"i-logos-vue":"","text-3xl":""},null,-1)),e("code",null,"v"+v(o(d)),1)]),s(w,{flex:"~ col auto",to:"/pages",replace:"","min-w-40":"","theme-card-lime":"",p4:""},{default:l(()=>[t[2]||(t[2]=e("div",{"i-carbon-tree-view-alt":"","text-3xl":""},null,-1)),e("div",null,v(o(x))+" pages",1)]),_:1}),o(p)?(u(),N(w,{key:0,flex:"~ col auto",to:"/components",replace:"","min-w-40":"","theme-card-lime":"",p4:""},{default:l(()=>[t[3]||(t[3]=e("div",{"i-carbon-assembly-cluster":"","text-3xl":""},null,-1)),e("div",null,v(o(p))+" components",1)]),_:1})):H("",!0)]),e("div",Y,[t[5]||(t[5]=e("a",{href:"https://github.com/vuejs/devtools",target:"_blank",flex:"~ gap1","items-center":"",op50:"",hover:"op100 text-blue",transition:""},[e("div",{"i-carbon-star":""}),n(" Star on GitHub ")],-1)),t[6]||(t[6]=e("a",{href:"https://github.com/vuejs/devtools/discussions/111",target:"_blank",flex:"~ gap1","items-center":"",op50:"",hover:"op100 text-yellow",transition:""},[e("div",{"i-carbon-data-enrichment":""}),n(" Ideas & Suggestions ")],-1)),t[7]||(t[7]=e("a",{href:"https://github.com/vuejs/devtools/discussions/112",target:"_blank",flex:"~ gap1","items-center":"",op50:"",hover:"op100 text-lime",transition:""},[e("div",{"i-carbon-plan":""}),n(" Project Roadmap ")],-1)),t[8]||(t[8]=e("a",{href:"https://github.com/vuejs/devtools/issues",target:"_blank",flex:"~ gap1","items-center":"",op50:"",hover:"op100 text-rose",transition:""},[e("div",{"i-carbon-debug":""}),n(" Bug Reports ")],-1)),s(w,{to:"/settings",flex:"~ gap1",replace:"","inline-block":"","items-center":"",op50:"","hover:op80":""},{default:l(()=>[...t[4]||(t[4]=[e("div",{"i-carbon-settings":""},null,-1),n(" Settings ",-1)])]),_:1})]),t[30]||(t[30]=e("div",{"flex-auto":""},null,-1)),e("div",J,[t[15]||(t[15]=n(" Press ",-1)),o(E)()?(u(),C(g,{key:0},[s(o(r),null,{default:l(()=>[...t[9]||(t[9]=[n(" ⌘ Command ",-1)])]),_:1}),t[11]||(t[11]=e("span",null,"+",-1)),s(o(r),null,{default:l(()=>[...t[10]||(t[10]=[n(" K ",-1)])]),_:1})],64)):(u(),C(g,{key:1},[s(o(r),null,{default:l(()=>[...t[12]||(t[12]=[n(" Alt ",-1)])]),_:1}),t[14]||(t[14]=e("span",null,"+",-1)),s(o(r),null,{default:l(()=>[...t[13]||(t[13]=[n(" K ",-1)])]),_:1})],64)),t[16]||(t[16]=n(" to toggle Command Palette ",-1))]),!o(B)&&!o(M)?(u(),C("div",Q,[t[27]||(t[27]=n(" Press ",-1)),o(E)()?(u(),C(g,{key:0},[s(o(r),null,{default:l(()=>[...t[17]||(t[17]=[n(" ⇧ Shift ",-1)])]),_:1}),t[20]||(t[20]=e("span",null,"+",-1)),s(o(r),null,{default:l(()=>[...t[18]||(t[18]=[n(" ⌥ Option ",-1)])]),_:1}),t[21]||(t[21]=e("span",null,"+",-1)),s(o(r),null,{default:l(()=>[...t[19]||(t[19]=[n(" D ",-1)])]),_:1})],64)):(u(),C(g,{key:1},[s(o(r),null,{default:l(()=>[...t[22]||(t[22]=[n(" Shift ",-1)])]),_:1}),t[25]||(t[25]=e("span",null,"+",-1)),s(o(r),null,{default:l(()=>[...t[23]||(t[23]=[n(" Alt ",-1)])]),_:1}),t[26]||(t[26]=e("span",null,"+",-1)),s(o(r),null,{default:l(()=>[...t[24]||(t[24]=[n(" D ",-1)])]),_:1})],64)),t[28]||(t[28]=n(" to toggle DevTools ",-1))])):H("",!0)])])}}});export{t1 as default};