import{W as Z,c as C,o as u,X as y,d as V,Y as R,p as L,Z as I,g as a,$ as m,a0 as k,a1 as P,b as e,a as w,q as s,u as o,a2 as D,t as v,e as S,w as l,a3 as N,y as n,a4 as M,F as g,M as r,a5 as j}from"./index-iOTou63J.js";const B={},U={viewBox:"0 0 566 154",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function O(E,d){return u(),C("svg",U,d[0]||(d[0]=[y('',2)]))}const A=Z(B,[["render",O]]),F="8.0.1",$={"h-full":"","w-full":"",flex:"","of-auto":""},h={flex:"~ col gap2",ma:"","h-full":"","max-w-300":"","w-full":"",px20:""},K={flex:"~ col","mt-20":"","items-center":""},q={flex:"~","mt--10":"","items-center":"","justify-center":""},z={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=V({__name:"overview",setup(E){const{vueVersion:d}=R(),x=L(1),p=L(0);function _(i){let t=0;for(const f of i)t++,f.children?.length&&(t+=_(f.children));return t}function H(i){x.value=i?.routes?.length||1}function T(i){const t=k(i);t.inspectorId==="components"&&(p.value=_(t.rootNodes))}return I(()=>{a.value.getRouterInfo().then(i=>{x.value=i?.routes?.length||1}),a.functions.on(m.ROUTER_INFO_UPDATED,H),a.value.getInspectorTree({inspectorId:"components",filter:""}).then(i=>{const t=k(i);p.value=_(t)})}),a.functions.on(m.INSPECTOR_TREE_UPDATED,T),P(()=>{a.functions.off(m.INSPECTOR_TREE_UPDATED,T),a.functions.off(m.ROUTER_INFO_UPDATED,H)}),(i,t)=>{const f=A,b=N("RouterLink");return u(),C("div",$,[e("div",h,[t[29]||(t[29]=e("div",{"flex-auto":""},null,-1)),e("div",K,[e("div",q,[s(f,{"h-18":""})]),o(D)?w("",!0):(u(),C("div",z,[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(b,{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,__:[2]}),o(p)?(u(),S(b,{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,__:[3]})):w("",!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(b,{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,__:[4]})]),t[30]||(t[30]=e("div",{"flex-auto":""},null,-1)),e("div",J,[t[15]||(t[15]=n(" Press ",-1)),o(M)()?(u(),C(g,{key:0},[s(o(r),null,{default:l(()=>t[9]||(t[9]=[n(" ⌘ Command ",-1)])),_:1,__:[9]}),t[11]||(t[11]=e("span",null,"+",-1)),s(o(r),null,{default:l(()=>t[10]||(t[10]=[n(" K ",-1)])),_:1,__:[10]})],64)):(u(),C(g,{key:1},[s(o(r),null,{default:l(()=>t[12]||(t[12]=[n(" Alt ",-1)])),_:1,__:[12]}),t[14]||(t[14]=e("span",null,"+",-1)),s(o(r),null,{default:l(()=>t[13]||(t[13]=[n(" K ",-1)])),_:1,__:[13]})],64)),t[16]||(t[16]=n(" to toggle Command Palette ",-1))]),!o(j)&&!o(D)?(u(),C("div",Q,[t[27]||(t[27]=n(" Press ",-1)),o(M)()?(u(),C(g,{key:0},[s(o(r),null,{default:l(()=>t[17]||(t[17]=[n(" ⇧ Shift ",-1)])),_:1,__:[17]}),t[20]||(t[20]=e("span",null,"+",-1)),s(o(r),null,{default:l(()=>t[18]||(t[18]=[n(" ⌥ Option ",-1)])),_:1,__:[18]}),t[21]||(t[21]=e("span",null,"+",-1)),s(o(r),null,{default:l(()=>t[19]||(t[19]=[n(" D ",-1)])),_:1,__:[19]})],64)):(u(),C(g,{key:1},[s(o(r),null,{default:l(()=>t[22]||(t[22]=[n(" Shift ",-1)])),_:1,__:[22]}),t[25]||(t[25]=e("span",null,"+",-1)),s(o(r),null,{default:l(()=>t[23]||(t[23]=[n(" Alt ",-1)])),_:1,__:[23]}),t[26]||(t[26]=e("span",null,"+",-1)),s(o(r),null,{default:l(()=>t[24]||(t[24]=[n(" D ",-1)])),_:1,__:[24]})],64)),t[28]||(t[28]=n(" to toggle DevTools ",-1))])):w("",!0)])])}}});export{t1 as default};