import{C as e,Ct as t,F as n,Mt as r,P as i,Qt as a,S as o,T as s,W as c,Y as l,Z as u,_ as d,ct as f,dt as p,en as m,g as h,h as g,m as _,p as v,s as y,t as b,tn as x}from"./vendor/json-editor-vue-9tyg6b65.js";import{P as S,S as C,v as w,w as T}from"./utils-ivfwadyv.js";import{E,G as D,h as O,k,l as A,r as j,t as M,z as N}from"./client-kfvz1zfh.js";import{t as P}from"./_plugin-vue_export-helper-d9irwgla.js";import{t as F}from"./nbutton-g8ropw1z.js";import{t as ee}from"./npanel-grids-es6yvxa6.js";import{d as te,f as I,u as L}from"#entry";import{t as R}from"./ndrawer-hxlw4o37.js";import{t as z}from"./pages-dm1j9w83.js";import{t as B}from"./nlink-hrlod3mt.js";import{t as V}from"./help-fab-myoje00l.js";import{t as H}from"./nbadge-nhg3871m.js";import{t as U}from"./launch-page-ib38nabd.js";import{t as W}from"./color-abaog8vc.js";import{t as G}from"./stacktrace-list-iilvlpx1.js";import{t as K}from"./duration-display-c5md5mx9.js";import{t as q}from"./composable-item-mzxa19xm.js";import{t as J}from"./code-diff-oj53ogcw.js";var Y=Object.assign(s({__name:`TimelineItemFunction`,props:{item:{}},setup(e){let t=e,n=/_op_/,r=v(()=>W(t.item.name,50,60,`_op_`)),i=v(()=>r.value.replace(n,`1`)),a=v(()=>W(t.item.name,50,40)),o=v(()=>r.value.replace(n,`0.2`));return(t,n)=>(c(),d(`button`,{class:`group`,style:m({color:i.value,borderLeft:`2px solid ${i.value}`}),relative:``,"bg-base":``,"text-sm":``,transition:``,"hover:z-1000":``},[_(`div`,{style:m({backgroundColor:o.value}),absolute:``,"bottom-0":``,"left--1px":``,"top-0":``,"w-full":``,"text-sm":``,"transition-all":``,"duration-300":``},null,4),_(`div`,{style:m({color:a.value,"--c":i.value}),border:`r-2 t-2 y-2 transparent`,"min-w-max":``,px1:``,"text-left":``,"group-hover":`border-$c`},x(e.item.name),5)],4))}}),{__name:`TimelineItemFunction`}),X={relative:``,"h-full":``},Z={absolute:``,"left-2":``,"top-2.3em":``,"text-xs":``,op50:``},Q=Object.assign(s({__name:`TimelineSegment`,props:{segment:{}},emits:[`select`],setup(e,{emit:t}){let n=e,i=t,a=D(()=>n.segment.start,{updateInterval:1e3,showSecond:!0,controls:!1,messages:{justNow:``,past:e=>e,future:e=>e,invalid:`-`,second:e=>e?`${e}s`:``,minute:e=>`${e}m`,hour:e=>`${e}h`,week:e=>`${e}w`,day:e=>`${e}d`,month:e=>`${e}mo`,year:e=>`${e}y`}});return(t,n)=>{let o=Y;return c(),d(`div`,X,[_(`button`,{absolute:``,"left-0":``,"right-0":``,"top-0":``,"bg-green:5":``,px2:``,py1:``,"text-left":``,"text-xs":``,"text-green6":``,"font-mono":``,onClick:n[0]||=t=>e.segment.route?i(`select`,e.segment.route):void 0},x(e.segment.route?.event.to),1),_(`div`,Z,x(r(a))+` ago `,1),_(`div`,null,[(c(!0),d(y,null,l(e.segment.functions,(e,t)=>(c(),g(o,{key:t,item:e.event,style:m({position:`absolute`,minWidth:`${e.relativeWidth*100}%`,maxWidth:`${e.relativeWidth*100}%`,top:`${4+e.layer*1.6}em`,left:`${e.relativeStart*100}%`}),onClick:t=>i(`select`,e)},null,8,[`item`,`style`,`onClick`]))),128))])])}}}),{__name:`TimelineSegment`}),ne=3e3,re=50;function ie(e){let t=[],n={start:0,end:0,events:[],functions:[],duration:0};for(let r of e){let e=r.end||r.start;(r.start-n.end>ne||r.type===`route`)&&(n={start:r.start,end:e,events:[],functions:[],duration:0},t.push(n)),n.events.push(r),n.end=e+re}return t.forEach((e,n)=>{let r=e.end-e.start,i=[];e.duration=r,e.previousGap=n>0?e.start-t[n-1].end:0,e.events.forEach(t=>{let n=t.end||t.start,a=0;t.type!==`route`&&(a=i.findIndex(e=>e<=t.start),a===-1?(a=i.length,i.push(n+1e3)):i[a]=n+1e3);let o={event:t,segment:e,relativeStart:(t.start-e.start)/r,relativeWidth:(n-t.start)/r,layer:a};t.type===`function`?e.functions.push(o):e.route=o})}),t}var ae={relative:``},oe={key:0,border:`x base`,"h-full":``,"flex-inline":``,"bg-true-gray-1":``,py15:``,"text-xs":``,"write-vertical-left":``,op50:``,"dark:bg-true-gray-9":``},se=Object.assign(P(s({__name:`TimelineTable`,props:{data:{}},emits:[`select`],setup(i,{emit:o}){let s=i,u=o,p=t(),g=t(),b=t(),x=t(),C=t(!0),w=t(1.5),T=v(()=>ie(s.data.events)),E=v(()=>(s.data.events.length,p.value?.scrollWidth||window.innerWidth));function D(){x.value&&(x.value.style.width=`${E.value}px`)}function O(){C.value&&p.value&&(p.value.scrollTo({left:p.value.scrollWidth-p.value.clientWidth,behavior:`smooth`}),b.value.scrollTo({left:p.value.scrollWidth-p.value.clientWidth,behavior:`smooth`}))}return f(()=>s.data.events.length,async()=>{await n(),D(),O()},{flush:`post`}),N(p,`scroll`,()=>{b.value.scrollLeft!==p.value.scrollLeft&&(D(),b.value.scrollLeft=p.value.scrollLeft,C.value=p.value.scrollLeft>=p.value.scrollWidth-p.value.clientWidth)}),N(b,`scroll`,()=>{b.value.scrollLeft!==p.value.scrollLeft&&(D(),p.value.scrollLeft=b.value.scrollLeft)}),N(p,`wheel`,e=>{e.altKey?(w.value=S(w.value+e.deltaY/200,.5,3),D()):p.value.scrollLeft+=e.deltaY}),(t,n)=>{let i=K,o=Q;return c(),d(y,null,[_(`div`,ae,[_(`div`,{ref_key:`minimap`,ref:g,border:`t b base`,relative:``,"h-50px":``,"ws-nowrap":``,"border-base":``},[(c(!0),d(y,null,l(T.value,(e,n)=>(c(),d(`div`,{key:n,relative:``,"h-full":``,"flex-inline":``,style:m({width:`${Math.max(100,e.duration/10)/E.value*100}%`})},[(c(!0),d(y,null,l(e.functions,(e,n)=>(c(),d(`div`,{key:n,"h-3px":``,rounded:``,style:m({width:`max(${e.relativeWidth*100}%, 10px)`,position:`absolute`,top:`${e.layer*4}px`,left:`${e.relativeStart*100}%`,backgroundColor:(`getHslColorFromStringHash`in t?t.getHslColorFromStringHash:r(W))(e.event.name,50,60)})},null,4))),128)),e.route?(c(),d(`div`,{key:0,absolute:``,"top-0":``,"h-full":``,"w-px":``,"border-l":``,"border-green6":``,op10:``,style:m({left:`${e.route.relativeStart*100}%`})},null,4)):h(``,!0)],4))),128))],512),_(`div`,{ref_key:`minimapScroller`,ref:b,class:`timeline-scroller`,absolute:``,"inset-0":``,"h-full":``,"w-full":``,"of-x-scroll":``},[_(`div`,{ref_key:`minimapScrollerInner`,ref:x,"h-1px":``},null,512)],512)]),_(`div`,{ref_key:`scroller`,ref:p,relative:``,"h-full":``,"w-full":``,"of-x-scroll":``,"of-y-hidden":``,"ws-nowrap":``,"n-panel-grids":``},[(c(!0),d(y,null,l(T.value,(t,r)=>(c(),d(y,{key:r},[t.previousGap&&t.previousGap>=200?(c(),d(`div`,oe,[e(i,{op50:``,duration:t.previousGap,color:!1},null,8,[`duration`])])):h(``,!0),e(o,{"flex-inline":``,"of-x-hidden":``,"bg-base":``,"hover:of-x-visible":``,class:a(r===T.value.length-1?`border-r border-base`:``),segment:t,style:m({width:`${Math.max(50,t.duration/10)*w.value}px`}),onSelect:n[0]||=e=>u(`select`,e)},null,8,[`class`,`segment`,`style`])],64))),128))],512)],64)}}}),[[`__scopeId`,`data-v-da163089`]]),{__name:`TimelineTable`}),ce={border:`t base`,flex:`~ col`,"h-full":``,"of-y-auto":``,"text-sm":``},le=[`onClick`],ue={flex:`~`,"ml--1":``,"font-mono":``},de={key:0,mr2:``,op30:``},fe={op75:``},pe={flex:`~ col items-start`},me={"text-xs":``,"font-mono":``,op30:``},he={"text-green":``,"font-bold":``,"font-mono":``},ge=Object.assign(s({__name:`TimelineList`,props:{data:{}},emits:[`select`],setup(e,{emit:t}){let n=t;return(t,i)=>{let a=K;return c(),d(`div`,ce,[(c(!0),d(y,null,l(e.data.events,(e,o)=>(c(),d(`button`,{key:o,border:`b base`,px3:``,py2:``,flex:`~ items-center gap-2`,hover:`bg-active`,onClick:t=>n(`select`,e)},[e.type===`function`?(c(),d(y,{key:0},[i[2]||=_(`div`,{"i-carbon-function":``,op50:``},null,-1),_(`div`,{"font-mono":``,style:m({color:e.type===`function`?(`getHslColorFromStringHash`in t?t.getHslColorFromStringHash:r(W))(e.name,50,60):``})},x(e.name),5),_(`div`,ue,[i[0]||=_(`div`,{op30:``},` ( `,-1),(c(!0),d(y,null,l(e.args,(e,t)=>(c(),d(y,{key:t},[t?(c(),d(`div`,de,` , `)):h(``,!0),_(`div`,fe,x(e===null?`null`:e===void 0?`undefined`:typeof e==`function`?`[function]`:Array.isArray(e)?`[Array]`:typeof e==`object`?`[object]`:JSON.stringify(e)),1)],64))),128)),i[1]||=_(`div`,{op30:``},` ) `,-1)])],64)):(c(),d(y,{key:1},[i[3]||=_(`div`,{"mr-1":``,"h-7":``,"w-7":``,flex:``,"rounded-lg":``,"bg-primary:5":``,p1:``,"text-green6":``},[_(`div`,{"i-carbon-direction-rotary-right":``,ma:``,"text-lg":``})],-1),_(`div`,pe,[_(`div`,me,x(e.from),1),_(`div`,he,x(e.to),1)])],64)),i[4]||=_(`div`,{"flex-auto":``},null,-1),e.end?(c(),g(a,{key:2,duration:e.end-e.start,color:e.type===`function`},null,8,[`duration`,`color`])):h(``,!0)],8,le))),128)),i[5]||=_(`div`,{"min-h-100":``},null,-1)])}}}),{__name:`TimelineList`}),_e={key:0,"text-blue":``},ve={key:1,"text-purple":``},ye={key:2,"text-green":``},be={key:3,"text-gray":``},xe={key:4,"text-gray":``},Se={key:5,"text-gray":``},Ce={key:0,"bg-red:10":``,px2:``,py1:``,"text-red":``},we={key:1},Te={p2:``,"text-sm":``,border:`t base`},Ee=Object.assign(s({__name:`TimelineArgumentView`,props:{value:{}},setup(n){let l=n,f=t(),m=t();function v(){try{f.value=JSON.parse(JSON.stringify(l.value))}catch(e){console.error(e),m.value=e}}let y=s({emits:[`setup`],setup(e,{emit:t}){return t(`setup`),()=>null}}),S=M(),C=L();return(t,s)=>{let l=F,w=u(`VMenu`);return typeof n.value==`string`?(c(),d(`div`,_e,x(JSON.stringify(n.value)),1)):typeof n.value==`number`?(c(),d(`div`,ve,x(n.value),1)):typeof n.value==`boolean`?(c(),d(`div`,ye,x(n.value),1)):n.value===void 0?(c(),d(`div`,be,` undefined `)):typeof n.value==`function`?(c(),d(`div`,xe,` [Function`+x(n.value.name?`: ${n.value.name}`:``)+`] `,1)):n.value===null?(c(),d(`div`,Se,` null `)):(c(),g(w,{key:6,placement:`top`},{popper:p(()=>[e(r(y),{onSetup:v}),m.value?(c(),d(`div`,Ce,` Failed to display object: `+x(m.value),1)):f.value?(c(),d(`div`,we,[e(r(b),i({"model-value":f.value},t.$attrs,{class:[`json-editor-vue`,[r(S)===`dark`?`jse-theme-dark`:``]],"main-menu-bar":!1,"navigation-bar":!1,"status-bar":!1,"read-only":!0,indentation:2,"tab-size":2}),null,16,[`model-value`,`class`]),_(`div`,Te,[e(l,{title:`Copy to clipboard`,icon:`carbon-copy`,onClick:s[0]||=e=>r(C)(JSON.stringify(f.value,null,2),`timeline-argument`)},{default:p(()=>[...s[1]||=[o(` Copy `,-1)]]),_:1})])])):h(``,!0)]),default:p(()=>[_(`span`,{"rounded-sm":``,px1:``,"py0.5":``,"text-sm":``,class:a([Array.isArray(n.value)?`text-amber bg-amber:10`:`text-orange bg-orange:10`])},x(Array.isArray(n.value)?`[Array(${n.value.length})]`:`[Object]`),3)]),_:1}))}}}),{__name:`TimelineArgumentView`}),De={key:0,"p-4":``,flex:`~ col gap-2`,"text-base":``},Oe={"mx--1":``},ke={flex:`~ gap-1`,"font-mono":``},Ae={key:1},je={key:0,op30:``},Me={flex:`~ gap-1`,"text-sm":``},Ne={class:`text-sm text-gray-400`},Pe=Object.assign(s({__name:`TimelineDetailsFunction`,props:{record:{}},setup(t){let n=t,i=D(()=>n.record.start,{showSecond:!0}),a=w(),o=v(()=>a.value?.metadata),s=v(()=>a.value?.imports.find(e=>e.as===n.record.name));return(n,a)=>{let u=H,f=q,p=Ee,m=K,v=G;return t.record?(c(),d(`div`,De,[_(`div`,Oe,[e(u,{n:`yellow`,textContent:`Function call`})]),_(`div`,ke,[s.value?(c(),g(f,{key:0,item:s.value,metadata:o.value,counter:!1,classes:`px2 py1`,"mx--2":``},null,8,[`item`,`metadata`])):(c(),d(`span`,Ae,x(t.record.name),1)),a[0]||=_(`span`,{ml1:``,op30:``},`(`,-1),(c(!0),d(y,null,l(t.record.args,(t,n)=>(c(),d(y,{key:n},[n?(c(),d(`span`,je,`, `)):h(``,!0),e(p,{value:t},null,8,[`value`])],64))),128)),a[1]||=_(`span`,{op30:``},`)`,-1)]),_(`div`,Me,[t.record.end?(c(),g(m,{key:0,duration:t.record.end-t.record.start},null,8,[`duration`])):h(``,!0),a[2]||=_(`span`,{mx1:``,op50:``},`·`,-1),_(`div`,Ne,x(r(i)),1)]),t.record.stacktrace?(c(),g(v,{key:0,stacktrace:t.record.stacktrace,class:`text-xs text-gray-400`},null,8,[`stacktrace`])):h(``,!0)])):h(``,!0)}}}),{__name:`TimelineDetailsFunction`}),Fe={key:0,"p-4":``,flex:`~ col gap-2`},Ie={"mx--1":``},Le={flex:`~ gap-1 items-center`,"font-mono":``},Re={op50:``},ze={flex:`~ gap-1`,"text-sm":``},Be={class:`text-sm text-gray-400`},Ve=Object.assign(s({__name:`TimelineDetailsRoute`,props:{record:{}},setup(t){let n=t,i=D(()=>n.record.start,{showSecond:!0});return(n,a)=>{let o=H,s=K;return t.record?(c(),d(`div`,Fe,[_(`div`,Ie,[e(o,{n:`green`,textContent:`Route Change`})]),_(`div`,Le,[_(`span`,Re,x(t.record.from),1),a[0]||=_(`span`,{"i-carbon-arrow-right":``,op50:``},null,-1),_(`span`,null,x(t.record.to),1)]),_(`div`,ze,[t.record.end?(c(),g(s,{key:0,duration:t.record.end-t.record.start},null,8,[`duration`])):h(``,!0),a[1]||=_(`span`,{mx1:``,op50:``},`·`,-1),_(`div`,Be,x(r(i)),1)])])):h(``,!0)}}}),{__name:`TimelineDetailsRoute`}),$={key:0,"h-screen":``,"of-hidden":``},He={"h-screen":``,"w-full":``,flex:``,"flex-col":``},Ue={"h-10":``,flex:`~ gap-2 items-center justify-end`,p2:``,px3:``},We={"text-sm":``},Ge={"min-h-50":``,px3:``,py2:``},Ke=Object.assign(s({__name:`TimelineView`,setup(n){let r=j(),i=t(`table`),s=t(),l=v(()=>r.value?.metrics.clientTimeline());function f(){l.value&&(l.value.events=[])}function m(){i.value=i.value===`table`?`list`:`table`}return(t,n)=>{let r=u(`VTooltip`),v=F,y=se,b=ge,S=Pe,C=Ve,w=R;return l.value?(c(),d(`div`,$,[_(`div`,He,[_(`div`,Ue,[e(r,{flex:``},{popper:p(()=>[_(`div`,We,x(l.value.options.enabled?`Recording...`:`Paused`),1)]),default:p(()=>[_(`div`,{"text-lg":``,class:a(l.value.options.enabled?`i-carbon-radio-button-checked text-primary animate-pulse`:`i-carbon-pause-outline op30`)},null,2)]),_:1}),l.value.options.enabled?(c(),g(v,{key:1,size:`small`,ml1:``,"text-sm":``,n:`orange`,icon:`i-carbon-stop`,onClick:n[1]||=e=>l.value.options.enabled=!1},{default:p(()=>[...n[6]||=[o(` Stop Tracking `,-1)]]),_:1})):(c(),g(v,{key:0,size:`small`,ml1:``,"text-sm":``,n:`primary`,icon:`i-carbon-play`,onClick:n[0]||=e=>l.value.options.enabled=!0},{default:p(()=>[...n[5]||=[o(` Start Tracking `,-1)]]),_:1})),n[7]||=_(`div`,{"flex-auto":``},null,-1),e(v,{icon:i.value===`table`?`i-carbon-roadmap`:`i-carbon-list`,class:`ml-2`,title:`Toggle View`,border:!1,onClick:m},null,8,[`icon`]),e(v,{icon:`i-carbon-trash-can`,"hover-text-red":``,class:`ml-2`,border:!1,onClick:f})]),i.value===`table`?(c(),g(y,{key:0,data:{...l.value},onSelect:n[2]||=e=>s.value=e.event},null,8,[`data`])):(c(),g(b,{key:1,data:{...l.value},onSelect:n[3]||=e=>s.value=e},null,8,[`data`]))]),e(w,{"model-value":!!s.value,"auto-close":``,transition:`bottom`,left:`#nuxt-devtools-side-nav`,onClose:n[4]||=e=>s.value=void 0},{default:p(()=>[_(`div`,Ge,[s.value?.type===`function`?(c(),g(S,{key:0,record:s.value},null,8,[`record`])):s.value?.type===`route`?(c(),g(C,{key:1,record:s.value},null,8,[`record`])):h(``,!0)])]),_:1},8,[`model-value`])])):h(``,!0)}}}),{__name:`TimelineView`}),qe={},Je={class:`markdown-body`};function Ye(e,t){return c(),d(`div`,Je,[...t[0]||=[_(`template`,null,[_(`div`,{class:`markdown-body`},[_(`h1`,null,`Timeline`),_(`blockquote`,{"text-orange":``,"bg-orange:10":``,py1:``},` This is an experimental feature `),_(`p`,null,`Timeline tracks your route navigations and functions calls in your Nuxt application. It can be used to debug performance issues and to understand how your application works.`),_(`h2`,null,`Function calls`),_(`p`,null,[o(`Nuxt DevTools tracks function calls by wrapping them in the build time. It works for functions referenced by auto-imports, or explicit imports through `),_(`code`,{"v-pre":``},`import {} from '#imports'`),o(`.`)]),_(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark`,style:{"background-color":`#ffffff`,"--shiki-dark-bg":`#121212`,color:`#393a34`,"--shiki-dark":`#dbd7caee`},tabindex:`0`},[_(`code`,{"v-pre":``},[_(`span`,{class:`line`},[_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},`<`),_(`span`,{style:{color:`#1E754F`,"--shiki-dark":`#4D9375`}},`script`),_(`span`,{style:{color:`#B07D48`,"--shiki-dark":`#BD976A`}},` setup`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},`>`)]),o(`
`),_(`span`,{class:`line`},[_(`span`,{style:{color:`#1E754F`,"--shiki-dark":`#4D9375`}},`import`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},` {`),_(`span`,{style:{color:`#B07D48`,"--shiki-dark":`#BD976A`}},` useMouse`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},` }`),_(`span`,{style:{color:`#1E754F`,"--shiki-dark":`#4D9375`}},` from`),_(`span`,{style:{color:`#B5695977`,"--shiki-dark":`#C98A7D77`}},` '`),_(`span`,{style:{color:`#B56959`,"--shiki-dark":`#C98A7D`}},`@vueuse/core`),_(`span`,{style:{color:`#B5695977`,"--shiki-dark":`#C98A7D77`}},`'`)]),o(`
`),_(`span`,{class:`line`},[_(`span`,{style:{color:`#1E754F`,"--shiki-dark":`#4D9375`}},`import`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},` {`),_(`span`,{style:{color:`#B07D48`,"--shiki-dark":`#BD976A`}},` useRoute`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},` }`),_(`span`,{style:{color:`#1E754F`,"--shiki-dark":`#4D9375`}},` from`),_(`span`,{style:{color:`#B5695977`,"--shiki-dark":`#C98A7D77`}},` '`),_(`span`,{style:{color:`#B56959`,"--shiki-dark":`#C98A7D`}},`#app/composables/router`),_(`span`,{style:{color:`#B5695977`,"--shiki-dark":`#C98A7D77`}},`'`)]),o(`
`),_(`span`,{class:`line`},[_(`span`,{style:{color:`#1E754F`,"--shiki-dark":`#4D9375`}},`import`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},` {`),_(`span`,{style:{color:`#B07D48`,"--shiki-dark":`#BD976A`}},` useNuxtApp`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},` }`),_(`span`,{style:{color:`#1E754F`,"--shiki-dark":`#4D9375`}},` from`),_(`span`,{style:{color:`#B5695977`,"--shiki-dark":`#C98A7D77`}},` '`),_(`span`,{style:{color:`#B56959`,"--shiki-dark":`#C98A7D`}},`#imports`),_(`span`,{style:{color:`#B5695977`,"--shiki-dark":`#C98A7D77`}},`'`)]),o(`
`),_(`span`,{class:`line`}),o(`
`),_(`span`,{class:`line`},[_(`span`,{style:{color:`#AB5959`,"--shiki-dark":`#CB7676`}},`const`),_(`span`,{style:{color:`#B07D48`,"--shiki-dark":`#BD976A`}},` route`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},` =`),_(`span`,{style:{color:`#59873A`,"--shiki-dark":`#80A665`}},` useRoute`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},`()`),_(`span`,{style:{color:`#A0ADA0`,"--shiki-dark":`#758575DD`}},` // tracked`)]),o(`
`),_(`span`,{class:`line`},[_(`span`,{style:{color:`#AB5959`,"--shiki-dark":`#CB7676`}},`const`),_(`span`,{style:{color:`#B07D48`,"--shiki-dark":`#BD976A`}},` app`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},` =`),_(`span`,{style:{color:`#59873A`,"--shiki-dark":`#80A665`}},` useNuxtApp`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},`()`),_(`span`,{style:{color:`#A0ADA0`,"--shiki-dark":`#758575DD`}},` // tracked`)]),o(`
`),_(`span`,{class:`line`}),o(`
`),_(`span`,{class:`line`},[_(`span`,{style:{color:`#A0ADA0`,"--shiki-dark":`#758575DD`}},`// NOT tracked because it's directly imported`)]),o(`
`),_(`span`,{class:`line`},[_(`span`,{style:{color:`#AB5959`,"--shiki-dark":`#CB7676`}},`const`),_(`span`,{style:{color:`#B07D48`,"--shiki-dark":`#BD976A`}},` mouse`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},` =`),_(`span`,{style:{color:`#59873A`,"--shiki-dark":`#80A665`}},` useMouse`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},`()`)]),o(`
`),_(`span`,{class:`line`},[_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},`</`),_(`span`,{style:{color:`#1E754F`,"--shiki-dark":`#4D9375`}},`script`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},`>`)]),o(`
`),_(`span`,{class:`line`})])]),_(`p`,null,[o(`By default, it tracks Nuxt provided composables as well as user defined functions. You can include/exclude functions by using the `),_(`code`,{"v-pre":``},`include`),o(` and `),_(`code`,{"v-pre":``},`exclude`),o(` options in the `),_(`code`,{"v-pre":``},`nuxt.config.js`),o(` file.`)]),_(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark`,style:{"background-color":`#ffffff`,"--shiki-dark-bg":`#121212`,color:`#393a34`,"--shiki-dark":`#dbd7caee`},tabindex:`0`},[_(`code`,{"v-pre":``},[_(`span`,{class:`line`},[_(`span`,{style:{color:`#1E754F`,"--shiki-dark":`#4D9375`}},`export`),_(`span`,{style:{color:`#1E754F`,"--shiki-dark":`#4D9375`}},` default`),_(`span`,{style:{color:`#59873A`,"--shiki-dark":`#80A665`}},` defineNuxtConfig`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},`({`)]),o(`
`),_(`span`,{class:`line`},[_(`span`,{style:{color:`#998418`,"--shiki-dark":`#B8A965`}},`  devtools`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},`:`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},` {`)]),o(`
`),_(`span`,{class:`line`},[_(`span`,{style:{color:`#998418`,"--shiki-dark":`#B8A965`}},`    timeline`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},`:`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},` {`)]),o(`
`),_(`span`,{class:`line`},[_(`span`,{style:{color:`#998418`,"--shiki-dark":`#B8A965`}},`      functions`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},`:`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},` {`)]),o(`
`),_(`span`,{class:`line`},[_(`span`,{style:{color:`#998418`,"--shiki-dark":`#B8A965`}},`        include`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},`:`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},` [`)]),o(`
`),_(`span`,{class:`line`},[_(`span`,{style:{color:`#A0ADA0`,"--shiki-dark":`#758575DD`}},"          // track `useMouse`")]),o(`
`),_(`span`,{class:`line`},[_(`span`,{style:{color:`#B5695977`,"--shiki-dark":`#C98A7D77`}},`          '`),_(`span`,{style:{color:`#B56959`,"--shiki-dark":`#C98A7D`}},`useMouse`),_(`span`,{style:{color:`#B5695977`,"--shiki-dark":`#C98A7D77`}},`'`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},`,`)]),o(`
`),_(`span`,{class:`line`},[_(`span`,{style:{color:`#A0ADA0`,"--shiki-dark":`#758575DD`}},"          // track all functions starting with `use`")]),o(`
`),_(`span`,{class:`line`},[_(`span`,{style:{color:`#B5695977`,"--shiki-dark":`#C98A7D77`}},`          /`),_(`span`,{style:{color:`#1E754F`,"--shiki-dark":`#4D9375`}},`^`),_(`span`,{style:{color:`#AB5E3F`,"--shiki-dark":`#C4704F`}},`use`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},`[`),_(`span`,{style:{color:`#A65E2B`,"--shiki-dark":`#C99076`}},`A-Z`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},`]`),_(`span`,{style:{color:`#B5695977`,"--shiki-dark":`#C98A7D77`}},`/`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},`,`)]),o(`
`),_(`span`,{class:`line`},[_(`span`,{style:{color:`#A0ADA0`,"--shiki-dark":`#758575DD`}},`          // track all functions from @vueuse/core`)]),o(`
`),_(`span`,{class:`line`},[_(`span`,{style:{color:`#B07D48`,"--shiki-dark":`#BD976A`}},`          entry`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},` =>`),_(`span`,{style:{color:`#B07D48`,"--shiki-dark":`#BD976A`}},` entry`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},`.`),_(`span`,{style:{color:`#B07D48`,"--shiki-dark":`#BD976A`}},`from`),_(`span`,{style:{color:`#AB5959`,"--shiki-dark":`#CB7676`}},` ===`),_(`span`,{style:{color:`#B5695977`,"--shiki-dark":`#C98A7D77`}},` '`),_(`span`,{style:{color:`#B56959`,"--shiki-dark":`#C98A7D`}},`@vueuse/core`),_(`span`,{style:{color:`#B5695977`,"--shiki-dark":`#C98A7D77`}},`'`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},`,`)]),o(`
`),_(`span`,{class:`line`},[_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},`        ],`)]),o(`
`),_(`span`,{class:`line`},[_(`span`,{style:{color:`#998418`,"--shiki-dark":`#B8A965`}},`        exclude`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},`:`),_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},` [`)]),o(`
`),_(`span`,{class:`line`},[_(`span`,{style:{color:`#B5695977`,"--shiki-dark":`#C98A7D77`}},`          '`),_(`span`,{style:{color:`#B56959`,"--shiki-dark":`#C98A7D`}},`useRouter`),_(`span`,{style:{color:`#B5695977`,"--shiki-dark":`#C98A7D77`}},`'`)]),o(`
`),_(`span`,{class:`line`},[_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},`        ]`)]),o(`
`),_(`span`,{class:`line`},[_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},`      }`)]),o(`
`),_(`span`,{class:`line`},[_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},`    }`)]),o(`
`),_(`span`,{class:`line`},[_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},`  }`)]),o(`
`),_(`span`,{class:`line`},[_(`span`,{style:{color:`#999999`,"--shiki-dark":`#666666`}},`})`)]),o(`
`),_(`span`,{class:`line`})])])])],-1)]])}var Xe=P(qe,[[`render`,Ye]]),Ze={flex:`~ col gap-2`,"w-150":``,p4:``,border:`t base`},Qe={op50:``},$e={flex:`~ gap-3`,mt2:``,"justify-end":``},et=s({__name:`timeline`,setup(t){z({icon:`i-carbon-roadmap`,title:`Timeline`,category:`analyze`});let n=C(),i=T(),a=k(),s=te();async function l(){try{let[e,t]=await O.enableTimeline(await A(),!0);if(!await a.start(e,t))return;await O.enableTimeline(await A(),!1)}catch{E({message:`Failed to enable timeline automatically. Check the terminal for more details.`,icon:`i-carbon-warning`,classes:`text-red`})}}return(t,u)=>{let f=Ke,m=U,h=ee,v=B,b=J,x=F,S=I,C=Xe,w=V;return c(),d(y,null,[r(n)?.timeline?.enabled?(c(),g(f,{key:0})):(c(),d(y,{key:1},[e(h,null,{default:p(()=>[e(m,{icon:`i-carbon-roadmap`,name:`feature-timeline`,title:`Timeline`,description:`Timeline enables the inspection of when composable being executed and the route changes.`,actions:[{label:`Enable`}],onAction:l})]),_:1}),e(r(a),null,{default:p(({resolve:t,args:n})=>[e(S,{"model-value":!0,onClose:e=>t(!1)},{default:p(()=>[_(`div`,Ze,[u[5]||=_(`h2`,{"text-xl":``},[_(`span`,{capitalize:``},`Enable Timeline?`)],-1),_(`p`,Qe,[u[1]||=o(` Your `,-1),e(v,{role:`button`,n:`primary`,underline:``,onClick:u[0]||=e=>r(s)(r(i)?._nuxtConfigFile),textContent:`Nuxt config`}),u[2]||=o(` will be updated as: `,-1)]),e(b,{from:n[0],to:n[1],"max-h-80":``,"of-auto":``,py2:``,border:`~ base rounded`,lang:`ts`},null,8,[`from`,`to`]),u[6]||=_(`p`,null,[_(`span`,{op50:``},`Then Nuxt will `),_(`span`,{"text-orange":``},`restart automatically`),o(`. `)],-1),_(`div`,$e,[e(x,{onClick:e=>t(!1)},{default:p(()=>[...u[3]||=[o(` Cancel `,-1)]]),_:1},8,[`onClick`]),e(x,{n:`solid primary`,capitalize:``,onClick:e=>t(!0)},{default:p(()=>[...u[4]||=[o(` Enable `,-1)]]),_:1},8,[`onClick`])])])]),_:2},1032,[`onClose`])]),_:1})],64)),e(w,null,{default:p(()=>[e(C)]),_:1})],64)}}});export{et as default};