UNPKG

@nuxt/devtools

Version:

<a href="https://devtools.nuxt.com"><img width="1200" alt="Nuxt DevTools" src="https://github-production-user-asset-6210df.s3.amazonaws.com/904724/261577617-a10567bd-ad33-48cc-9bda-9e37dbe1929f.png"></a> <br>

2 lines (1 loc) 7.96 kB
import{d as M,ak as O,a9 as P,aL as W,b3 as $,b4 as E,N as F,a as z,h as v,j as s,y as G,o as l,f as o,m,k as e,i as u,t as d,p as r,F as g,b5 as k,b6 as y,b7 as K,v as i,aG as H,B as U,K as q,C as J,x as Q,W as X,_ as Y}from"./Bysyzw-g.js";import{u as Z,_ as h}from"./HT-8HE-a.js";import{u as _}from"./DN3C0UJz.js";import"./CpQX28Pm.js";import"./CdlRa3-_.js";import"./DK4YETzW.js";import"./ZTJOnUjs.js";const c="1.4.2",tt={key:0},et={key:1,flex:"~ col gap2",ma:"","h-full":"","max-w-300":"","w-full":"",p5:"",px5:"","md:px20":""},ot={flex:"~ col","mt-5":"","items-center":"","md:mt-20":""},nt={op40:""},st={flex:"~ gap2 wrap"},lt={key:5,"pointer-events-none":"","min-w-40":"",p4:"","theme-card-lime":"",flex:"~ auto gap-6"},it={grid:"~ cols-[auto_auto] gap-x-5 items-center"},ut={"text-right":""},rt={"text-right":""},at={"text-right":""},dt={"text-right":""},pt={flex:"~ col gap2"},mt={flex:"~ gap-6 wrap","mt-5":"","items-center":"","justify-center":""},ft={flex:"col gap-2",mxa:"",hidden:"","w-100":"","text-sm":"",op50:"","md:flex":""},xt={flex:"~ gap-1","items-center":""},vt={flex:"~ gap-1","items-center":""},St=M({__name:"overview",setup(gt){const b=O(),f=P(),N=_(),C=W(),A=Z(),j=$(),w=E(),I=F();function L(){U.value=!0,I.push("/")}const B=z(()=>b.value?.nuxt.vueApp.version),a=z(()=>b.value?.metrics.loading());function V(){q()}return(n,t)=>{const R=J,x=Q,D=h,S=X,p=Y,T=G;return l(),v(T,{"h-screen":"","w-full":"",flex:""},{default:s(()=>[o(f)?(l(),m("div",et,[t[40]||(t[40]=e("div",{"flex-auto":""},null,-1)),e("div",ot,[u(x,{flex:"~","mt--10":"","items-center":"","justify-center":"",to:"https://devtools.nuxt.com/",target:"_blank"},{default:s(()=>[u(R,{"h-10":""})]),_:1}),e("button",{mb6:"",mt3:"","text-center":"","text-sm":"",flex:"~ gap-1 wrap",onClick:L},[t[0]||(t[0]=e("span",{op40:""}," Nuxt DevTools ",-1)),e("code",nt,"v"+d(o(c)),1),u(D,{"package-name":"@nuxt/devtools",options:{dev:!0},"show-version":!1})])]),e("div",st,[u(x,{to:"https://nuxt.com",target:"_blank",p4:"","theme-card-green":"",flex:"~ col auto"},{default:s(()=>[t[1]||(t[1]=e("div",{"logos-nuxt-icon":"","text-3xl":""},null,-1)),u(D,{"package-name":"nuxt",options:{dev:!0}})]),_:1}),o(B)?(l(),v(x,{key:0,to:"https://vuejs.org",target:"_blank",p4:"","theme-card-green":"",flex:"~ col auto"},{default:s(()=>[t[2]||(t[2]=e("div",{"logos-vue":"","text-3xl":""},null,-1)),e("code",null,"v"+d(o(B)),1)]),_:1})):r("",!0),o(f)?(l(),m(g,{key:1},[o(f)&&o(f).pages&&o(b)?(l(),v(x,{key:0,"min-w-40":"",p4:"","theme-card-lime":"",flex:"~ col auto",to:"/modules/pages"},{default:s(()=>[t[3]||(t[3]=e("div",{"carbon-tree-view-alt":"","text-3xl":""},null,-1)),e("div",null,d(("pluralizeByCount"in n?n.pluralizeByCount:o(k))(o(j).length,"page")),1)]),_:1})):r("",!0),o(f)?(l(),v(x,{key:1,"min-w-40":"",p4:"","theme-card-lime":"",flex:"~ col auto",to:"/modules/components"},{default:s(()=>[t[4]||(t[4]=e("div",{"i-carbon-assembly-cluster":"","text-3xl":""},null,-1)),e("div",null,d(("pluralizeByCount"in n?n.pluralizeByCount:o(k))(o(N).length,"component")),1)]),_:1})):r("",!0),o(f)&&o(C)?(l(),v(x,{key:2,"min-w-40":"",p4:"","theme-card-yellow":"",flex:"~ col auto",to:"/modules/imports"},{default:s(()=>[t[5]||(t[5]=e("div",{"carbon-function":"","text-3xl":""},null,-1)),e("div",null,d(("pluralizeByCount"in n?n.pluralizeByCount:o(k))(o(C).imports.length,"import")),1)]),_:1})):r("",!0),o(f)?(l(),v(x,{key:3,"min-w-40":"",p4:"","theme-card-purple":"",flex:"~ col auto",to:"/modules/modules"},{default:s(()=>[t[6]||(t[6]=e("div",{"carbon-3d-mpr-toggle":"","text-3xl":""},null,-1)),e("div",null,d(("pluralizeByCount"in n?n.pluralizeByCount:o(k))(o(A).length,"module")),1)]),_:1})):r("",!0),o(f)?(l(),v(x,{key:4,"min-w-40":"",p4:"","theme-card-teal":"",flex:"~ col auto",to:"/modules/plugins"},{default:s(()=>[t[7]||(t[7]=e("div",{"carbon-plug":"","text-3xl":""},null,-1)),e("div",null,d(("pluralizeByCount"in n?n.pluralizeByCount:o(k))(o(f).plugins.length,"plugin")),1)]),_:1})):r("",!0),o(a)?(l(),m("div",lt,[t[12]||(t[12]=e("div",{"i-carbon-time-plot":"","flex-none":"","text-3xl":""},null,-1)),e("div",it,[o(a).ssrStart?(l(),m(g,{key:0},[t[8]||(t[8]=e("div",{"text-sm":""}," SSR to full load ",-1)),e("div",ut,d(("formatDuration"in n?n.formatDuration:o(y))(o(a).appLoad-o(a).ssrStart)),1)],64)):r("",!0),t[10]||(t[10]=e("div",{"text-sm":""}," Page load ",-1)),e("div",rt,d(("formatDuration"in n?n.formatDuration:o(y))(o(a).appLoad-o(a).appInit)),1),t[11]||(t[11]=e("div",{"text-sm":""}," Navigation ",-1)),e("div",at,d(("formatDuration"in n?n.formatDuration:o(y))(o(a).pageEnd-o(a).pageStart)),1),o(a).hmrStart?(l(),m(g,{key:1},[t[9]||(t[9]=e("div",{"text-sm":""}," HMR ",-1)),e("div",dt,d(("formatDuration"in n?n.formatDuration:o(y))(o(a).hmrEnd-o(a).hmrStart)),1)],64)):r("",!0)])])):r("",!0)],64)):r("",!0)]),e("div",pt,[("showConnectionWarning"in n?n.showConnectionWarning:o(K))?(l(),v(S,{key:0,n:"yellow5",icon:"carbon-unlink","justify-center":""},{default:s(()=>t[13]||(t[13]=[i(" Not connected to the client app, showing server-side data only. Use the embedded mode for full features. ")])),_:1})):r("",!0),e("button",{title:"Authorize",onClick:V},[("isDevAuthed"in n?n.isDevAuthed:o(H))?r("",!0):(l(),v(S,{key:0,n:"orange5",icon:"i-carbon-locked","justify-center":""},{default:s(()=>t[14]||(t[14]=[i(" Access from an untrusted browser, some features are limited. Click to authorize now. ")])),_:1}))])]),e("div",mt,[t[16]||(t[16]=e("a",{href:"https://github.com/nuxt/devtools",target:"_blank",flex:"~ gap1","items-center":"",op50:"",hover:"op100 text-blue",transition:""},[e("div",{"i-carbon-star":""}),i(" Star on GitHub ")],-1)),t[17]||(t[17]=e("a",{href:"https://github.com/nuxt/devtools/discussions/29",target:"_blank",flex:"~ gap1","items-center":"",op50:"",hover:"op100 text-yellow",transition:""},[e("div",{"i-carbon-data-enrichment":""}),i(" Ideas & Suggestions ")],-1)),t[18]||(t[18]=e("a",{href:"https://github.com/nuxt/devtools/discussions/31",target:"_blank",flex:"~ gap1","items-center":"",op50:"",hover:"op100 text-lime",transition:""},[e("div",{"i-carbon-plan":""}),i(" Project Roadmap ")],-1)),t[19]||(t[19]=e("a",{href:"https://github.com/nuxt/devtools/issues",target:"_blank",flex:"~ gap1","items-center":"",op50:"",hover:"op100 text-rose",transition:""},[e("div",{"i-carbon-debug":""}),i(" Bug Reports ")],-1)),u(x,{to:"/settings",flex:"~ gap1","inline-block":"","items-center":"",op50:"","hover:op80":""},{default:s(()=>t[15]||(t[15]=[e("div",{"i-carbon-settings-adjust":""},null,-1),i(" Settings ")])),_:1})]),t[41]||(t[41]=e("div",{"flex-auto":""},null,-1)),e("div",ft,[e("div",xt,[o(w)?(l(),m(g,{key:0},[u(p,{n:"xs",class:"px2"},{default:s(()=>t[20]||(t[20]=[i(" ⌘ Cmd ")])),_:1}),t[22]||(t[22]=e("span",null,"+",-1)),u(p,{n:"xs",class:"px2"},{default:s(()=>t[21]||(t[21]=[i(" K ")])),_:1})],64)):(l(),m(g,{key:1},[u(p,{n:"xs",class:"px2"},{default:s(()=>t[23]||(t[23]=[i(" Ctrl ")])),_:1}),t[25]||(t[25]=e("span",null,"+",-1)),u(p,{n:"xs",class:"px2"},{default:s(()=>t[24]||(t[24]=[i(" K ")])),_:1})],64)),t[26]||(t[26]=e("div",{"flex-auto":""},null,-1)),t[27]||(t[27]=i(" Open Command Palette "))]),e("div",vt,[o(w)?(l(),m(g,{key:0},[u(p,{n:"xs",class:"px2"},{default:s(()=>t[28]||(t[28]=[i(" ⇧ Shift ")])),_:1}),t[31]||(t[31]=e("span",null,"+",-1)),u(p,{n:"xs",class:"px2"},{default:s(()=>t[29]||(t[29]=[i(" ⌥ Option ")])),_:1}),t[32]||(t[32]=e("span",null,"+",-1)),u(p,{n:"xs",class:"px2"},{default:s(()=>t[30]||(t[30]=[i(" D ")])),_:1})],64)):(l(),m(g,{key:1},[u(p,{n:"xs",class:"px2"},{default:s(()=>t[33]||(t[33]=[i(" Shift ")])),_:1}),t[36]||(t[36]=e("span",null,"+",-1)),u(p,{n:"xs",class:"px2"},{default:s(()=>t[34]||(t[34]=[i(" Alt ")])),_:1}),t[37]||(t[37]=e("span",null,"+",-1)),u(p,{n:"xs",class:"px2"},{default:s(()=>t[35]||(t[35]=[i(" D ")])),_:1})],64)),t[38]||(t[38]=e("div",{"flex-auto":""},null,-1)),t[39]||(t[39]=e("div",null,"Toggle DevTools",-1))])])])):(l(),m("div",tt," Loading... "))]),_:1})}}});export{St as default};