@nuxt/devtools/dist/client/_nuxt/L1GM70c7.js

<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>

import{d as x,o as s,m as u,F as M,n as w,i as m,k as d,h as I,aL as k,f as e,p as v,a as g,av as C,aM as L,t as X,a9 as U,r as D,af as z,au as H,j as h,l as N,a4 as j}from"./Bysyzw-g.js";import{_ as P}from"./52L3kFQK.js";import{_ as R}from"./Ci0JrwP0.js";import{_ as B}from"./CQTsRCSt.js";import{_ as Y}from"./BK2fI3On.js";import{_ as q}from"./C6_B1_1h.js";import{_ as G}from"./WFxqX3Wd.js";import{D as E}from"./BcJws1i5.js";import"./goeoWIau.js";import"./DK4YETzW.js";import"./CXTghDHT.js";const J={flex:"~ wrap gap2",p2:"",pl4:""},K=x({__name:"ComposableTree",props:{map:{},root:{},metadata:{}},setup(y){return(l,c)=>{const r=B,o=Y;return s(),u("div",null,[(s(!0),u(M,null,w(l.map.entries(),([t,b])=>(s(),u("div",{key:t},[m(r,{filepath:t,op50:"","hover:underline":""},null,8,["filepath"]),d("div",J,[(s(!0),u(M,null,w(b,A=>(s(),I(o,{key:A.as,item:A,metadata:l.metadata,filepath:t.match(/^[\w@]/)?void 0:t},null,8,["item","metadata","filepath"]))),128))])]))),128))])}}}),O={key:0,flex:"~ col gap-2 items-start"},Q=x({__name:"HelpImportsDirs",setup(y){const l=k();return(c,r)=>{const o=B;return e(l)?.dirs?(s(),u("div",O,[(s(!0),u(M,null,w(e(l).dirs,t=>(s(),I(o,{key:t,filepath:t,"text-primary":""},null,8,["filepath"]))),128))])):v("",!0)}}}),W={flex:"~ gap-2 wrap",mb6:""},Z=x({__name:"HelpImportsModules",setup(y){const l=k(),c=g(()=>[...new Set(l.value?.imports.map(r=>C(r.from)).filter(r=>!!r&&!L(r)))]);return(r,o)=>(s(),u("div",W,[(s(!0),u(M,null,w(e(c),t=>(s(),u("code",{key:t,rounded:"","bg-primary:5":"",p:"x2 y0.5","text-primary":""},X(t),1))),128))]))}}),ee={class:"markdown-body"},oe={__name:"imports",setup(y,{expose:l}){return l({frontmatter:{}}),(r,o)=>{const t=Q,b=Z;return s(),u("div",ee,[o[0]||(o[0]=d("h1",null,"Auto imports",-1)),o[1]||(o[1]=d("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)),o[2]||(o[2]=d("hr",null,null,-1)),o[3]||(o[3]=d("p",null,"According to your config, exports of files under the following folders will be registed as auto-imports entry:",-1)),m(t),o[4]||(o[4]=d("p",null,"Meanwhile, modules could also provide auto-imports for their own components. You have auto-imports from the following modules as well:",-1)),m(b),o[5]||(o[5]=d("hr",null,null,-1)),o[6]||(o[6]=d("p",null,[d("a",{href:"https://nuxt.com/docs/guide/concepts/auto-imports",target:"_blank",rel:"noopener"},"Learn more in the documentation")],-1))])}}},te=oe,ne={key:0,relative:"","h-full":"","of-auto":""},se={key:0,flex:"~ gap-2 items-center"},be=x({__name:"imports",setup(y){const l=U(),c=D("all"),r=D(""),o=k(),t=g(()=>o.value?.metadata),b=g(()=>o.value?.imports.filter(a=>a.as||a.name).sort((a,p)=>(a.as||a.name).localeCompare(p.as||p.name))||[]),A=g(()=>new z(b.value,{keys:["from","as","name"]})),i=g(()=>{const a=new Map,p=new Map,S=new Map;let f=r.value?A.value.search(r.value).map(n=>n.item):b.value;c.value==="using"&&t.value?f=f.filter(n=>(n.as||n.name)in t.value.injectionUsage):c.value==="not-used"&&t.value&&(f=f.filter(n=>!((n.as||n.name)in t.value.injectionUsage)));const $={user:0,lib:0,builtin:0};return f.forEach(n=>{const _=H(n.from)?L(C(n.from))?S:p:a;_.has(n.from)||_.set(n.from,[]),_.get(n.from).push(n),$[_===a?"user":_===p?"lib":"builtin"]++}),{user:a,lib:p,builtin:S,count:$}});return(a,p)=>{const S=j,f=P,$=R,n=K,_=q,F=te,V=G;return s(),u(M,null,[e(l)?(s(),u("div",ne,[m($,{search:e(r),"onUpdate:search":p[1]||(p[1]=T=>N(r)?r.value=T:null),pb3:""},{default:h(()=>[e(t)?(s(),u("div",se,[m(S,{icon:"carbon-filter",op50:""}),m(f,{modelValue:e(c),"onUpdate:modelValue":p[0]||(p[0]=T=>N(c)?c.value=T:null),n:"primary sm",options:[{label:"All",value:"all"},{label:"Using",value:"using"},{label:"Not used",value:"not-used"}]},null,8,["modelValue"])])):v("",!0)]),_:1},8,["search"]),e(i).user.size?(s(),I(_,{key:0,open:e(i).count.user<=("DETAILS_MAX_ITEMS"in a?a.DETAILS_MAX_ITEMS:e(E)),icon:"carbon-function",text:"User composables",description:`${e(i).count.user} composables from ${e(i).user.size} modules`},{default:h(()=>[m(n,{map:e(i).user,root:e(l).rootDir,metadata:e(t)},null,8,["map","root","metadata"])]),_:1},8,["open","description"])):v("",!0),e(i).builtin.size?(s(),I(_,{key:1,open:e(i).count.builtin<=("DETAILS_MAX_ITEMS"in a?a.DETAILS_MAX_ITEMS:e(E)),icon:"simple-icons-nuxtdotjs",text:"Built-in composables",description:`${e(i).count.builtin} composables`},{default:h(()=>[m(n,{map:e(i).builtin,root:e(l).rootDir,metadata:e(t)},null,8,["map","root","metadata"])]),_:1},8,["open","description"])):v("",!0),e(i).lib.size?(s(),I(_,{key:2,open:e(i).count.lib<=("DETAILS_MAX_ITEMS"in a?a.DETAILS_MAX_ITEMS:e(E)),icon:"carbon-3d-mpr-toggle",text:"Composables from libraries",description:`${e(i).count.lib} composables from ${e(i).lib.size} packages`},{default:h(()=>[m(n,{map:e(i).lib,root:e(l).rootDir,metadata:e(t)},null,8,["map","root","metadata"])]),_:1},8,["open","description"])):v("",!0)])):v("",!0),m(V,null,{default:h(()=>[m(F)]),_:1})],64)}}});export{be as default};