@nuxt/devtools-nightly 2.3.2-29076820.0e07e8e → 2.4.0-29076820.77ef5ce

package/dist/client/_nuxt/{hooks-d6mzrxq9.js → hooks-b3ixs3wm.js}

@@ -1 +1 @@
-import{_ as S}from"./duration-display.vue-hy8s2ai6.js";import{g as T}from"./color-mt9xuhgy.js";import{p as $,k as H,q as w,P as h,a1 as u,Q as o,a9 as l,X as p,F as y,ae as F,a8 as m,V,u as k,a3 as _,S as C,R as N,a2 as f}from"./vendor/json-editor-vue-exjsfanq.js";import{_ as B}from"./nsection-block-o6jekcxg.js";import{_ as P}from"./help-fab.vue-bhaef1jy.js";import{s as D,f as E}from"./hdb1kn1k.js";import"./nicon-title.vue-m2ftlsrz.js";import"./vendor/unocss-n30bmhn8.js";import"./vendor/shiki-hjrnbayr.js";const O={"w-full":""},j={border:"b base"},L={"select-none":"","ws-nowrap":"",p1:"","text-right":"","font-bold":""},z={colspan:"2",p1:"",pl5:"","text-left":"","font-bold":""},A={"ws-nowrap":"",p1:"","text-center":"","font-bold":""},R={"ws-nowrap":"",p1:"","text-center":"","font-bold":""},Y={"ws-nowrap":"",p1:"","text-right":"","font-bold":""},q={"w-0":"","ws-nowrap":"","text-center":"","text-sm":"",op25:""},Q={"text-sm":""},U={"ws-nowrap":""},X={"text-sm":""},G={"w-0":"","text-center":"","text-sm":""},J={"w-0":"","text-center":"","text-sm":""},K={"w-0":"","text-right":"","text-sm":""},M=$({__name:"HooksTable",props:{hooks:{}},setup(x){const a=x,r=H("duration"),n=H("asc"),d={duration:(e,t)=>(t.duration??Number.POSITIVE_INFINITY)-(e.duration??Number.POSITIVE_INFINITY),name:(e,t)=>e.name.localeCompare(t.name),listener:(e,t)=>t.listeners-e.listeners,start:(e,t)=>t.start-e.start,executions:(e,t)=>t.executions.length-e.executions.length},g=w(()=>a.hooks.map(e=>e.start).sort((e,t)=>e-t)),b=w(()=>{const e=d[r.value],t=[...a.hooks].sort(e);return n.value==="desc"&&t.reverse(),t});function c(e){const t=e.split(":");return t.length===1?"":`${t[0]}:`}function v(e){const t=e.split(":");return t.length===1?e:t.slice(1).join(":")}function i(e){r.value===e?n.value=n.value==="asc"?"desc":"asc":r.value=e}return(e,t)=>{const I=S;return u(),h("table",O,[o("thead",j,[o("tr",null,[o("th",L,[o("button",{onClick:t[0]||(t[0]=s=>i("start"))},[t[5]||(t[5]=l(" Order ")),o("div",{"ml--1":"","text-xs":"",class:p([r.value==="start"?"op50":"op0",n.value==="asc"?"carbon-arrow-down":"carbon-arrow-up"])},null,2)])]),o("th",z,[o("button",{onClick:t[1]||(t[1]=s=>i("name"))},[t[6]||(t[6]=l(" Hook name ")),o("div",{"ml--1":"","text-xs":"",class:p([r.value==="name"?"op50":"op0",n.value==="asc"?"carbon-arrow-down":"carbon-arrow-up"])},null,2)])]),o("th",A,[o("button",{onClick:t[2]||(t[2]=s=>i("listener"))},[t[7]||(t[7]=l(" Listeners ")),o("div",{"ml--1":"","text-xs":"",class:p([r.value==="listener"?"op50":"op0",n.value==="asc"?"carbon-arrow-down":"carbon-arrow-up"])},null,2)])]),o("th",R,[o("button",{onClick:t[3]||(t[3]=s=>i("executions"))},[t[8]||(t[8]=l(" Executions ")),o("div",{"ml--1":"","text-xs":"",class:p([r.value==="executions"?"op50":"op0",n.value==="asc"?"carbon-arrow-down":"carbon-arrow-up"])},null,2)])]),o("th",Y,[o("button",{onClick:t[4]||(t[4]=s=>i("duration"))},[t[9]||(t[9]=l(" Duration ")),o("div",{"ml--1":"","text-xs":"",class:p([r.value==="duration"?"op50":"op0",n.value==="asc"?"carbon-arrow-down":"carbon-arrow-up"])},null,2)])])])]),o("tbody",null,[(u(!0),h(y,null,F(b.value,s=>(u(),h("tr",{key:s.name,border:"b dashed transparent hover:base"},[o("td",q,m(g.value.indexOf(s.start)),1),o("td",{"w-0":"","ws-nowrap":"","text-right":"",style:V({color:("getHslColorFromStringHash"in e?e.getHslColorFromStringHash:k(T))(c(s.name))})},[o("code",Q,m(c(s.name)),1)],4),o("td",U,[o("code",X,m(v(s.name)),1)]),o("td",G,m(s.listeners),1),o("td",J,m(s.executions.length+1),1),o("td",K,[_(I,{duration:s.duration},null,8,["duration"])])]))),128))])])}}}),W={class:"markdown-body"},Z={__name:"hooks",setup(x,{expose:a}){return a({frontmatter:{}}),(n,d)=>(u(),h("div",W,d[0]||(d[0]=[o("h1",null,"Hooks",-1),o("p",null,[l("Hooks are an advanced API which can be used for module development or other advanced use cases. The hooking API can be used to expand almost every aspect of Nuxt. Under the hood it is powered by "),o("a",{href:"https://github.com/unjs/hookable",target:"_blank",rel:"noopener"},"unjs/hookable"),l(".")],-1),o("p",null,[o("a",{href:"https://nuxt.com/docs/guide/going-further/hooks",target:"_blank",rel:"noopener"},"Learn more about hooks"),l(".")],-1)])))}},ut=$({__name:"hooks",setup(x){const a=D(),r=E(),n=w(()=>r.value?.metrics.clientHooks());return(d,g)=>{const b=M,c=B,v=Z,i=P;return u(),h(y,null,[o("div",null,[n.value?.length?(u(),C(c,{key:0,icon:"carbon-ibm-cloud-direct-link-1-dedicated-hosting",text:"Client Hooks",description:`Total hooks: ${n.value.length}`,padding:"pl4 pr6"},{default:f(()=>[_(b,{hooks:n.value},null,8,["hooks"])]),_:1},8,["description"])):N("",!0),k(a)?.length?(u(),C(c,{key:1,icon:"carbon-ibm-cloud-direct-link-2-dedicated",text:"Server Hooks",description:`Total hooks: ${k(a)?.length}`,padding:"pl4 pr6"},{default:f(()=>[_(b,{hooks:k(a)},null,8,["hooks"])]),_:1},8,["description"])):N("",!0)]),_(i,null,{default:f(()=>[_(v)]),_:1})],64)}}});export{ut as default};
+import{_ as S}from"./duration-display.vue-hy8s2ai6.js";import{g as T}from"./color-mt9xuhgy.js";import{p as $,k as H,q as w,P as h,a1 as u,Q as o,a9 as l,X as p,F as y,ae as F,a8 as m,V,u as k,a3 as _,S as C,R as N,a2 as f}from"./vendor/json-editor-vue-exjsfanq.js";import{_ as B}from"./nsection-block-m7fz9si8.js";import{_ as P}from"./help-fab.vue-ocjwejqw.js";import{s as D,f as E}from"./iq4jktzn.js";import"./nicon-title.vue-m2ftlsrz.js";import"./vendor/unocss-n30bmhn8.js";import"./vendor/shiki-hjrnbayr.js";const O={"w-full":""},j={border:"b base"},L={"select-none":"","ws-nowrap":"",p1:"","text-right":"","font-bold":""},z={colspan:"2",p1:"",pl5:"","text-left":"","font-bold":""},A={"ws-nowrap":"",p1:"","text-center":"","font-bold":""},R={"ws-nowrap":"",p1:"","text-center":"","font-bold":""},Y={"ws-nowrap":"",p1:"","text-right":"","font-bold":""},q={"w-0":"","ws-nowrap":"","text-center":"","text-sm":"",op25:""},Q={"text-sm":""},U={"ws-nowrap":""},X={"text-sm":""},G={"w-0":"","text-center":"","text-sm":""},J={"w-0":"","text-center":"","text-sm":""},K={"w-0":"","text-right":"","text-sm":""},M=$({__name:"HooksTable",props:{hooks:{}},setup(x){const a=x,r=H("duration"),n=H("asc"),d={duration:(e,t)=>(t.duration??Number.POSITIVE_INFINITY)-(e.duration??Number.POSITIVE_INFINITY),name:(e,t)=>e.name.localeCompare(t.name),listener:(e,t)=>t.listeners-e.listeners,start:(e,t)=>t.start-e.start,executions:(e,t)=>t.executions.length-e.executions.length},g=w(()=>a.hooks.map(e=>e.start).sort((e,t)=>e-t)),b=w(()=>{const e=d[r.value],t=[...a.hooks].sort(e);return n.value==="desc"&&t.reverse(),t});function c(e){const t=e.split(":");return t.length===1?"":`${t[0]}:`}function v(e){const t=e.split(":");return t.length===1?e:t.slice(1).join(":")}function i(e){r.value===e?n.value=n.value==="asc"?"desc":"asc":r.value=e}return(e,t)=>{const I=S;return u(),h("table",O,[o("thead",j,[o("tr",null,[o("th",L,[o("button",{onClick:t[0]||(t[0]=s=>i("start"))},[t[5]||(t[5]=l(" Order ")),o("div",{"ml--1":"","text-xs":"",class:p([r.value==="start"?"op50":"op0",n.value==="asc"?"carbon-arrow-down":"carbon-arrow-up"])},null,2)])]),o("th",z,[o("button",{onClick:t[1]||(t[1]=s=>i("name"))},[t[6]||(t[6]=l(" Hook name ")),o("div",{"ml--1":"","text-xs":"",class:p([r.value==="name"?"op50":"op0",n.value==="asc"?"carbon-arrow-down":"carbon-arrow-up"])},null,2)])]),o("th",A,[o("button",{onClick:t[2]||(t[2]=s=>i("listener"))},[t[7]||(t[7]=l(" Listeners ")),o("div",{"ml--1":"","text-xs":"",class:p([r.value==="listener"?"op50":"op0",n.value==="asc"?"carbon-arrow-down":"carbon-arrow-up"])},null,2)])]),o("th",R,[o("button",{onClick:t[3]||(t[3]=s=>i("executions"))},[t[8]||(t[8]=l(" Executions ")),o("div",{"ml--1":"","text-xs":"",class:p([r.value==="executions"?"op50":"op0",n.value==="asc"?"carbon-arrow-down":"carbon-arrow-up"])},null,2)])]),o("th",Y,[o("button",{onClick:t[4]||(t[4]=s=>i("duration"))},[t[9]||(t[9]=l(" Duration ")),o("div",{"ml--1":"","text-xs":"",class:p([r.value==="duration"?"op50":"op0",n.value==="asc"?"carbon-arrow-down":"carbon-arrow-up"])},null,2)])])])]),o("tbody",null,[(u(!0),h(y,null,F(b.value,s=>(u(),h("tr",{key:s.name,border:"b dashed transparent hover:base"},[o("td",q,m(g.value.indexOf(s.start)),1),o("td",{"w-0":"","ws-nowrap":"","text-right":"",style:V({color:("getHslColorFromStringHash"in e?e.getHslColorFromStringHash:k(T))(c(s.name))})},[o("code",Q,m(c(s.name)),1)],4),o("td",U,[o("code",X,m(v(s.name)),1)]),o("td",G,m(s.listeners),1),o("td",J,m(s.executions.length+1),1),o("td",K,[_(I,{duration:s.duration},null,8,["duration"])])]))),128))])])}}}),W={class:"markdown-body"},Z={__name:"hooks",setup(x,{expose:a}){return a({frontmatter:{}}),(n,d)=>(u(),h("div",W,d[0]||(d[0]=[o("h1",null,"Hooks",-1),o("p",null,[l("Hooks are an advanced API which can be used for module development or other advanced use cases. The hooking API can be used to expand almost every aspect of Nuxt. Under the hood it is powered by "),o("a",{href:"https://github.com/unjs/hookable",target:"_blank",rel:"noopener"},"unjs/hookable"),l(".")],-1),o("p",null,[o("a",{href:"https://nuxt.com/docs/guide/going-further/hooks",target:"_blank",rel:"noopener"},"Learn more about hooks"),l(".")],-1)])))}},ut=$({__name:"hooks",setup(x){const a=D(),r=E(),n=w(()=>r.value?.metrics.clientHooks());return(d,g)=>{const b=M,c=B,v=Z,i=P;return u(),h(y,null,[o("div",null,[n.value?.length?(u(),C(c,{key:0,icon:"carbon-ibm-cloud-direct-link-1-dedicated-hosting",text:"Client Hooks",description:`Total hooks: ${n.value.length}`,padding:"pl4 pr6"},{default:f(()=>[_(b,{hooks:n.value},null,8,["hooks"])]),_:1},8,["description"])):N("",!0),k(a)?.length?(u(),C(c,{key:1,icon:"carbon-ibm-cloud-direct-link-2-dedicated",text:"Server Hooks",description:`Total hooks: ${k(a)?.length}`,padding:"pl4 pr6"},{default:f(()=>[_(b,{hooks:k(a)},null,8,["hooks"])]),_:1},8,["description"])):N("",!0)]),_(i,null,{default:f(()=>[_(v)]),_:1})],64)}}});export{ut as default};

package/dist/client/_nuxt/{imports-ny7bp8qt.js → imports-k9r019ie.js}

@@ -1 +1 @@
-import{V as A,W as S,X as T,A as P,S as j,Y as X,I as Y}from"./hdb1kn1k.js";import{_ as q}from"./nselect-tabs.vue-o79yqqvi.js";import{_ as Q}from"./nnavbar.vue-fi4alifs.js";import{_ as U}from"./filepath-item.vue-kqostyo6.js";import{_ as R}from"./composable-item.vue-ixq17xe9.js";import{p as C,P as u,a1 as a,F as k,ae as M,a3 as c,Q as i,S as w,R as x,u as f,q as _,a8 as W,k as V,a2 as $}from"./vendor/json-editor-vue-exjsfanq.js";import{_ as G}from"./nsection-block-o6jekcxg.js";import{_ as J}from"./help-fab.vue-bhaef1jy.js";import{D as B}from"./constants-b32h69zq.js";import"./vendor/unocss-n30bmhn8.js";import"./vendor/shiki-hjrnbayr.js";import"./nmarkdown.vue-hrdikzmp.js";import"./client-jvnhv8ra.js";import"./index-jc4yj4to.js";import"./nicon-title.vue-m2ftlsrz.js";const K={flex:"~ wrap gap2",p2:"",pl4:""},O=C({__name:"ComposableTree",props:{map:{},root:{},metadata:{}},setup(D){return(r,v)=>{const o=U,e=R;return a(),u("div",null,[(a(!0),u(k,null,M(r.map.entries(),([l,m])=>(a(),u("div",{key:l},[c(o,{filepath:l,op50:"","hover:underline":""},null,8,["filepath"]),i("div",K,[(a(!0),u(k,null,M(m,g=>(a(),w(e,{key:g.as,item:g,metadata:r.metadata,"is-directive":g.meta?.vueDirective===!0,filepath:l.match(/^[\w@]/)?void 0:l},null,8,["item","metadata","is-directive","filepath"]))),128))])]))),128))])}}}),Z={key:0,flex:"~ col gap-2 items-start"},ee=C({__name:"HelpImportsDirs",setup(D){const r=A();return(v,o)=>{const e=U;return f(r)?.dirs?(a(),u("div",Z,[(a(!0),u(k,null,M(f(r).dirs,l=>(a(),w(e,{key:l,filepath:l,"text-primary":""},null,8,["filepath"]))),128))])):x("",!0)}}}),te={flex:"~ gap-2 wrap",mb6:""},oe=C({__name:"HelpImportsModules",setup(D){const r=A(),v=_(()=>[...new Set(r.value?.imports.map(o=>S(o.from)).filter(o=>!!o&&!T(o)))]);return(o,e)=>(a(),u("div",te,[(a(!0),u(k,null,M(v.value,l=>(a(),u("code",{key:l,rounded:"","bg-primary:5":"",p:"x2 y0.5","text-primary":""},W(l),1))),128))]))}}),se={class:"markdown-body"},ae={__name:"imports",setup(D,{expose:r}){return r({frontmatter:{}}),(o,e)=>{const l=ee,m=oe;return a(),u("div",se,[e[0]||(e[0]=i("h1",null,"Auto imports",-1)),e[1]||(e[1]=i("p",null,"Nuxt auto-imports helper functions, composables and Vue APIs to be used across your application without explicitly importing them. Based on the directory structure, every Nuxt application can also use auto-imports for its own components, composables and plugins. Components, composables or plugins can use these functions.",-1)),e[2]||(e[2]=i("hr",null,null,-1)),e[3]||(e[3]=i("p",null,"According to your config, exports of files under the following folders will be registed as auto-imports entry:",-1)),c(l),e[4]||(e[4]=i("p",null,"Meanwhile, modules could also provide auto-imports for their own components. You have auto-imports from the following modules as well:",-1)),c(m),e[5]||(e[5]=i("hr",null,null,-1)),e[6]||(e[6]=i("p",null,[i("a",{href:"https://nuxt.com/docs/guide/concepts/auto-imports",target:"_blank",rel:"noopener"},"Learn more in the documentation")],-1)),e[7]||(e[7]=i("h2",null,"Directives",-1)),e[8]||(e[8]=i("p",null,"Directives placed in the directives/ directory are automatically registered by Nuxt. They can be used in your templates without importing them.",-1)),e[9]||(e[9]=i("p",null,[i("a",{href:"https://nuxt.com/docs/guide/directory-structure/directives",target:"_blank",rel:"noopener"},"Learn more in the documentation")],-1))])}}},le={key:0,relative:"","h-full":"","of-auto":""},re={key:0,flex:"~ gap-2 items-center lt-sm:col lt-sm:items-start"},$e=C({__name:"imports",setup(D){const r=P(),v=V("all"),o=V("all"),e=V(""),l=A(),m=_(()=>l.value?.metadata),g=_(()=>l.value?.imports.filter(d=>d.as||d.name).sort((d,n)=>(d.as||d.name).localeCompare(n.as||n.name))||[]),z=_(()=>new j(g.value,{keys:["from","as","name"]})),s=_(()=>{const d=new Map,n=new Map,I=new Map;let p=e.value?z.value.search(e.value).map(t=>t.item):g.value;const N=o.value;N==="composables"?p=p.filter(t=>t.meta?.vueDirective!==!0):N==="directives"&&(p=p.filter(t=>t.meta?.vueDirective===!0)),v.value==="using"&&m.value?p=p.filter(t=>(t.as||t.name)in m.value.injectionUsage):v.value==="not-used"&&m.value&&(p=p.filter(t=>!((t.as||t.name)in m.value.injectionUsage)));const h={user:0,lib:0,builtin:0};return p.forEach(t=>{const b=X(t.from)?T(S(t.from))?I:n:d;b.has(t.from)||b.set(t.from,[]),b.get(t.from).push(t),h[b===d?"user":b===n?"lib":"builtin"]++}),{user:d,lib:n,builtin:I,count:h}}),F=_(()=>o.value==="directives"?`${s.value.count.user} directives from ${s.value.user.size} modules`:`${s.value.count.user} composables from ${s.value.user.size} modules`),E=_(()=>o.value==="directives"?`${s.value.count.builtin} directives`:`${s.value.count.builtin} composables`),H=_(()=>o.value==="directives"?`${s.value.count.lib} directives from ${s.value.lib.size} packages`:`${s.value.count.lib} composables from ${s.value.lib.size} packages`);return(d,n)=>{const I=Y,p=q,N=Q,h=O,t=G,b=ae,L=J;return a(),u(k,null,[f(r)?(a(),u("div",le,[c(N,{search:e.value,"onUpdate:search":n[2]||(n[2]=y=>e.value=y),pb3:""},{default:$(()=>[m.value?(a(),u("div",re,[c(I,{icon:"carbon-filter",op50:""}),c(p,{modelValue:v.value,"onUpdate:modelValue":n[0]||(n[0]=y=>v.value=y),n:"primary sm",options:[{label:"All",value:"all"},{label:"Using",value:"using"},{label:"Not used",value:"not-used"}]},null,8,["modelValue"]),c(p,{modelValue:o.value,"onUpdate:modelValue":n[1]||(n[1]=y=>o.value=y),n:"primary sm",options:[{label:"All",value:"all"},{label:"Composables",value:"composables"},{label:"Directives",value:"directives"}]},null,8,["modelValue"])])):x("",!0)]),_:1},8,["search"]),s.value.user.size?(a(),w(t,{key:0,open:s.value.count.user<=f(B),icon:o.value==="directives"?"tabler:hexagon-letter-d":"carbon-function",text:`User ${o.value==="directives"?"directives":"composables"}`,description:F.value},{default:$(()=>[c(h,{map:s.value.user,root:f(r).rootDir,metadata:m.value},null,8,["map","root","metadata"])]),_:1},8,["open","icon","text","description"])):x("",!0),s.value.builtin.size?(a(),w(t,{key:1,open:s.value.count.builtin<=f(B),icon:"simple-icons-nuxtdotjs",text:`Built-in ${o.value==="directives"?"directives":"composables"}`,description:E.value},{default:$(()=>[c(h,{map:s.value.builtin,root:f(r).rootDir,metadata:m.value},null,8,["map","root","metadata"])]),_:1},8,["open","text","description"])):x("",!0),s.value.lib.size?(a(),w(t,{key:2,open:s.value.count.lib<=f(B),icon:"carbon-3d-mpr-toggle",text:`${o.value==="directives"?"Directives":"Composables"} from libraries`,description:H.value},{default:$(()=>[c(h,{map:s.value.lib,root:f(r).rootDir,metadata:m.value},null,8,["map","root","metadata"])]),_:1},8,["open","text","description"])):x("",!0)])):x("",!0),c(L,null,{default:$(()=>[c(b)]),_:1})],64)}}});export{$e as default};
+import{V as A,W as S,X as T,A as P,S as j,Y as X,I as Y}from"./iq4jktzn.js";import{_ as q}from"./nselect-tabs.vue-c5332j4f.js";import{_ as Q}from"./nnavbar.vue-kt2cr0ku.js";import{_ as U}from"./filepath-item.vue-ctzpaoq2.js";import{_ as R}from"./composable-item.vue-emb6bo2v.js";import{p as C,P as u,a1 as a,F as k,ae as M,a3 as c,Q as i,S as w,R as x,u as f,q as _,a8 as W,k as V,a2 as $}from"./vendor/json-editor-vue-exjsfanq.js";import{_ as G}from"./nsection-block-m7fz9si8.js";import{_ as J}from"./help-fab.vue-ocjwejqw.js";import{D as B}from"./constants-b32h69zq.js";import"./vendor/unocss-n30bmhn8.js";import"./vendor/shiki-hjrnbayr.js";import"./nmarkdown.vue-hrdikzmp.js";import"./client-jvnhv8ra.js";import"./index-jc4yj4to.js";import"./nicon-title.vue-m2ftlsrz.js";const K={flex:"~ wrap gap2",p2:"",pl4:""},O=C({__name:"ComposableTree",props:{map:{},root:{},metadata:{}},setup(D){return(r,v)=>{const o=U,e=R;return a(),u("div",null,[(a(!0),u(k,null,M(r.map.entries(),([l,m])=>(a(),u("div",{key:l},[c(o,{filepath:l,op50:"","hover:underline":""},null,8,["filepath"]),i("div",K,[(a(!0),u(k,null,M(m,g=>(a(),w(e,{key:g.as,item:g,metadata:r.metadata,"is-directive":g.meta?.vueDirective===!0,filepath:l.match(/^[\w@]/)?void 0:l},null,8,["item","metadata","is-directive","filepath"]))),128))])]))),128))])}}}),Z={key:0,flex:"~ col gap-2 items-start"},ee=C({__name:"HelpImportsDirs",setup(D){const r=A();return(v,o)=>{const e=U;return f(r)?.dirs?(a(),u("div",Z,[(a(!0),u(k,null,M(f(r).dirs,l=>(a(),w(e,{key:l,filepath:l,"text-primary":""},null,8,["filepath"]))),128))])):x("",!0)}}}),te={flex:"~ gap-2 wrap",mb6:""},oe=C({__name:"HelpImportsModules",setup(D){const r=A(),v=_(()=>[...new Set(r.value?.imports.map(o=>S(o.from)).filter(o=>!!o&&!T(o)))]);return(o,e)=>(a(),u("div",te,[(a(!0),u(k,null,M(v.value,l=>(a(),u("code",{key:l,rounded:"","bg-primary:5":"",p:"x2 y0.5","text-primary":""},W(l),1))),128))]))}}),se={class:"markdown-body"},ae={__name:"imports",setup(D,{expose:r}){return r({frontmatter:{}}),(o,e)=>{const l=ee,m=oe;return a(),u("div",se,[e[0]||(e[0]=i("h1",null,"Auto imports",-1)),e[1]||(e[1]=i("p",null,"Nuxt auto-imports helper functions, composables and Vue APIs to be used across your application without explicitly importing them. Based on the directory structure, every Nuxt application can also use auto-imports for its own components, composables and plugins. Components, composables or plugins can use these functions.",-1)),e[2]||(e[2]=i("hr",null,null,-1)),e[3]||(e[3]=i("p",null,"According to your config, exports of files under the following folders will be registed as auto-imports entry:",-1)),c(l),e[4]||(e[4]=i("p",null,"Meanwhile, modules could also provide auto-imports for their own components. You have auto-imports from the following modules as well:",-1)),c(m),e[5]||(e[5]=i("hr",null,null,-1)),e[6]||(e[6]=i("p",null,[i("a",{href:"https://nuxt.com/docs/guide/concepts/auto-imports",target:"_blank",rel:"noopener"},"Learn more in the documentation")],-1)),e[7]||(e[7]=i("h2",null,"Directives",-1)),e[8]||(e[8]=i("p",null,"Directives placed in the directives/ directory are automatically registered by Nuxt. They can be used in your templates without importing them.",-1)),e[9]||(e[9]=i("p",null,[i("a",{href:"https://nuxt.com/docs/guide/directory-structure/directives",target:"_blank",rel:"noopener"},"Learn more in the documentation")],-1))])}}},le={key:0,relative:"","h-full":"","of-auto":""},re={key:0,flex:"~ gap-2 items-center lt-sm:col lt-sm:items-start"},$e=C({__name:"imports",setup(D){const r=P(),v=V("all"),o=V("all"),e=V(""),l=A(),m=_(()=>l.value?.metadata),g=_(()=>l.value?.imports.filter(d=>d.as||d.name).sort((d,n)=>(d.as||d.name).localeCompare(n.as||n.name))||[]),z=_(()=>new j(g.value,{keys:["from","as","name"]})),s=_(()=>{const d=new Map,n=new Map,I=new Map;let p=e.value?z.value.search(e.value).map(t=>t.item):g.value;const N=o.value;N==="composables"?p=p.filter(t=>t.meta?.vueDirective!==!0):N==="directives"&&(p=p.filter(t=>t.meta?.vueDirective===!0)),v.value==="using"&&m.value?p=p.filter(t=>(t.as||t.name)in m.value.injectionUsage):v.value==="not-used"&&m.value&&(p=p.filter(t=>!((t.as||t.name)in m.value.injectionUsage)));const h={user:0,lib:0,builtin:0};return p.forEach(t=>{const b=X(t.from)?T(S(t.from))?I:n:d;b.has(t.from)||b.set(t.from,[]),b.get(t.from).push(t),h[b===d?"user":b===n?"lib":"builtin"]++}),{user:d,lib:n,builtin:I,count:h}}),F=_(()=>o.value==="directives"?`${s.value.count.user} directives from ${s.value.user.size} modules`:`${s.value.count.user} composables from ${s.value.user.size} modules`),E=_(()=>o.value==="directives"?`${s.value.count.builtin} directives`:`${s.value.count.builtin} composables`),H=_(()=>o.value==="directives"?`${s.value.count.lib} directives from ${s.value.lib.size} packages`:`${s.value.count.lib} composables from ${s.value.lib.size} packages`);return(d,n)=>{const I=Y,p=q,N=Q,h=O,t=G,b=ae,L=J;return a(),u(k,null,[f(r)?(a(),u("div",le,[c(N,{search:e.value,"onUpdate:search":n[2]||(n[2]=y=>e.value=y),pb3:""},{default:$(()=>[m.value?(a(),u("div",re,[c(I,{icon:"carbon-filter",op50:""}),c(p,{modelValue:v.value,"onUpdate:modelValue":n[0]||(n[0]=y=>v.value=y),n:"primary sm",options:[{label:"All",value:"all"},{label:"Using",value:"using"},{label:"Not used",value:"not-used"}]},null,8,["modelValue"]),c(p,{modelValue:o.value,"onUpdate:modelValue":n[1]||(n[1]=y=>o.value=y),n:"primary sm",options:[{label:"All",value:"all"},{label:"Composables",value:"composables"},{label:"Directives",value:"directives"}]},null,8,["modelValue"])])):x("",!0)]),_:1},8,["search"]),s.value.user.size?(a(),w(t,{key:0,open:s.value.count.user<=f(B),icon:o.value==="directives"?"tabler:hexagon-letter-d":"carbon-function",text:`User ${o.value==="directives"?"directives":"composables"}`,description:F.value},{default:$(()=>[c(h,{map:s.value.user,root:f(r).rootDir,metadata:m.value},null,8,["map","root","metadata"])]),_:1},8,["open","icon","text","description"])):x("",!0),s.value.builtin.size?(a(),w(t,{key:1,open:s.value.count.builtin<=f(B),icon:"simple-icons-nuxtdotjs",text:`Built-in ${o.value==="directives"?"directives":"composables"}`,description:E.value},{default:$(()=>[c(h,{map:s.value.builtin,root:f(r).rootDir,metadata:m.value},null,8,["map","root","metadata"])]),_:1},8,["open","text","description"])):x("",!0),s.value.lib.size?(a(),w(t,{key:2,open:s.value.count.lib<=f(B),icon:"carbon-3d-mpr-toggle",text:`${o.value==="directives"?"Directives":"Composables"} from libraries`,description:H.value},{default:$(()=>[c(h,{map:s.value.lib,root:f(r).rootDir,metadata:m.value},null,8,["map","root","metadata"])]),_:1},8,["open","text","description"])):x("",!0)])):x("",!0),c(L,null,{default:$(()=>[c(b)]),_:1})],64)}}});export{$e as default};

package/dist/client/_nuxt/{index-i8dh2odd.js → index-gs7l1dwr.js}

@@ -1 +1 @@
-import{f as y,g,h as k,_ as N,i as b,t as h,j as w}from"./hdb1kn1k.js";import{_ as C}from"./nlink.vue-ihepkhj1.js";import{_ as V}from"./ncheckbox.vue-bobndnzw.js";import{p as B,k as L,S as u,a1 as m,a2 as o,Q as t,a3 as n,R as T,a9 as l,u as j}from"./vendor/json-editor-vue-exjsfanq.js";import"./vendor/unocss-n30bmhn8.js";import"./vendor/shiki-hjrnbayr.js";const D={flex:"~ auto col gap3","items-center":"","justify-center":"","text-center":""},P={"max-w-190":"","text-lg":""},S={mb6:"",op50:""},E={p4:""},F={flex:"~ col gap-2",mxa:""},U=B({__name:"index",setup(G){const p=y(),s=L(!0),{showPanel:a}=g("ui");function d(){h.value=s.value,w.value=!1}function _(){a.value=!1,p.value.devtools.close()}return($,e)=>{const f=k,r=C,i=N,x=V,v=b;return m(),u(v,{flex:"~ col",relative:"","h-screen":"","w-full":""},{default:o(()=>[t("div",D,[e[7]||(e[7]=t("p",{my2:"","text-3em":"","text-primary":"","font-bold":"","font-stylish":""}," 👋 Hi there, welcome to Nuxt DevTools! ",-1)),t("p",P,[n(f,{"mr-0.5":"","inline-block":"","h-5":"","translate-y--1.1":"","align-mid":""}),e[1]||(e[1]=l(" is a set of visual tools that help you to know your Nuxt app better, and enhance your development experience with Nuxt. Enjoy!")),e[2]||(e[2]=t("br",null,null,-1))]),t("p",S,[e[4]||(e[4]=l(" Learn more at ")),n(r,{href:"https://devtools.nuxt.com/",target:"_blank",rel:"noopener noreferrer",n:"primary"},{default:o(()=>e[3]||(e[3]=[l(" devtools.nuxt.com ")])),_:1})]),n(i,{to:"/modules/overview",n:"lg primary",onClick:d},{default:o(()=>e[5]||(e[5]=[t("span",null,"Get Started",-1)])),_:1}),j(a)!==!1?(m(),u(i,{key:0,n:"borderless orange",onClick:_},{default:o(()=>e[6]||(e[6]=[t("span",null,"Always hide the floating panel",-1)])),_:1})):T("",!0)]),t("div",E,[t("div",F,[n(x,{modelValue:s.value,"onUpdate:modelValue":e[0]||(e[0]=c=>s.value=c),n:"green6"},{default:o(()=>[e[8]||(e[8]=t("span",{op50:""},"Send anonymous statistics, help us improving DevTools",-1)),n(r,{href:"https://github.com/nuxt/devtools#anonymous-usage-analytics",target:"_blank",ml1:"",op35:"",textContent:"Learn more"})]),_:1},8,["modelValue"])])])]),_:1})}}});export{U as default};
+import{f as y,g,h as k,_ as N,i as b,t as h,j as w}from"./iq4jktzn.js";import{_ as C}from"./nlink.vue-k8oq6v3c.js";import{_ as V}from"./ncheckbox.vue-o76f31rv.js";import{p as B,k as L,S as u,a1 as m,a2 as o,Q as t,a3 as n,R as T,a9 as l,u as j}from"./vendor/json-editor-vue-exjsfanq.js";import"./vendor/unocss-n30bmhn8.js";import"./vendor/shiki-hjrnbayr.js";const D={flex:"~ auto col gap3","items-center":"","justify-center":"","text-center":""},P={"max-w-190":"","text-lg":""},S={mb6:"",op50:""},E={p4:""},F={flex:"~ col gap-2",mxa:""},U=B({__name:"index",setup(G){const p=y(),s=L(!0),{showPanel:a}=g("ui");function d(){h.value=s.value,w.value=!1}function _(){a.value=!1,p.value.devtools.close()}return($,e)=>{const f=k,r=C,i=N,x=V,v=b;return m(),u(v,{flex:"~ col",relative:"","h-screen":"","w-full":""},{default:o(()=>[t("div",D,[e[7]||(e[7]=t("p",{my2:"","text-3em":"","text-primary":"","font-bold":"","font-stylish":""}," 👋 Hi there, welcome to Nuxt DevTools! ",-1)),t("p",P,[n(f,{"mr-0.5":"","inline-block":"","h-5":"","translate-y--1.1":"","align-mid":""}),e[1]||(e[1]=l(" is a set of visual tools that help you to know your Nuxt app better, and enhance your development experience with Nuxt. Enjoy!")),e[2]||(e[2]=t("br",null,null,-1))]),t("p",S,[e[4]||(e[4]=l(" Learn more at ")),n(r,{href:"https://devtools.nuxt.com/",target:"_blank",rel:"noopener noreferrer",n:"primary"},{default:o(()=>e[3]||(e[3]=[l(" devtools.nuxt.com ")])),_:1})]),n(i,{to:"/modules/overview",n:"lg primary",onClick:d},{default:o(()=>e[5]||(e[5]=[t("span",null,"Get Started",-1)])),_:1}),j(a)!==!1?(m(),u(i,{key:0,n:"borderless orange",onClick:_},{default:o(()=>e[6]||(e[6]=[t("span",null,"Always hide the floating panel",-1)])),_:1})):T("",!0)]),t("div",E,[t("div",F,[n(x,{modelValue:s.value,"onUpdate:modelValue":e[0]||(e[0]=c=>s.value=c),n:"green6"},{default:o(()=>[e[8]||(e[8]=t("span",{op50:""},"Send anonymous statistics, help us improving DevTools",-1)),n(r,{href:"https://github.com/nuxt/devtools#anonymous-usage-analytics",target:"_blank",ml1:"",op35:"",textContent:"Learn more"})]),_:1},8,["modelValue"])])])]),_:1})}}});export{U as default};