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.21 kB
import{_ as X}from"./CXTghDHT.js";import{_ as Y}from"./xcveoa5T.js";import{d as Z,ak as h,cv as ee,aF as le,aB as L,m as f,i as o,k as l,F as x,n as U,f as t,j as a,J as ne,_ as oe,ar as te,o as r,h as j,t as V,D as F,p as P,v as O,l as p,A as B,z as ae,cq as se,cw as ie}from"./Bysyzw-g.js";import{_ as ue}from"./DFUDf3T0.js";import{_ as de}from"./ZTJOnUjs.js";import{_ as re}from"./DxQMSSvi.js";const pe={px8:"",py6:""},me={grid:"~ md:cols-2 gap-x-10 gap-y-3","max-w-300":""},fe={flex:"~ col gap-2"},ve={flex:"~ gap-2","flex-auto":"","items-center":"","justify-start":""},ge={capitalize:"",op75:""},xe={flex:"~ col gap-2"},be=["value"],ce=["value"],ye={flex:"~ gap-2"},ke={flex:"~ gap-2"},Ue=Z({__name:"settings",setup(Ve){const{interactionCloseOnOutsideClick:_,showPanel:$,showHelpButtons:I,scale:D,hiddenTabs:b,pinnedTabs:u,hiddenTabCategories:c,minimizePanelInactive:C,sidebarExpanded:w,sidebarScrollable:z}=ae(),y=h(),M=[["Tiny",12/15],["Small",14/15],["Normal",1],["Large",16/15],["Huge",18/15]],R=[["Always",0],["1s",1e3],["2s",2e3],["5s",5e3],["10s",1e4],["Never",-1]],H=ee(le());function q(s,e){e?b.value=b.value.filter(d=>d!==s):b.value.push(s)}function J(s,e){e?c.value=c.value.filter(d=>d!==s):c.value.push(s)}function W(s){u.value.includes(s)?u.value=u.value.filter(e=>e!==s):u.value.push(s)}function A(s,e){const d=u.value.indexOf(s);if(d===-1)return;const v=d+e;if(v<0||v>=u.value.length)return;const k=[...u.value];k.splice(d,1),k.splice(v,0,s),u.value=k}async function G(){confirm("Are you sure you to reset all local settings & state? The app will reload.")&&(Object.keys(localStorage).forEach(s=>{s.startsWith("nuxt-devtools-")&&localStorage.removeItem(s)}),await ne.clearOptions(),y.value?.app?.reload?.(),window.location.reload())}return L(()=>{y.value&&(y.value.app.frameState.value.closeOnOutsideClick=_.value)}),L(()=>{y.value&&(y.value.app.frameState.value.minimizePanelInactive=C.value)}),(s,e)=>{const d=X,v=Y,k=se,m=oe,T=te,K=ie,E=ue,g=de,Q=re;return r(),f("div",pe,[o(d,{class:"mb-5 text-xl op75",icon:"i-carbon-settings-adjust",text:"DevTools Settings"}),l("div",me,[l("div",fe,[e[10]||(e[10]=l("h3",{"text-lg":""}," Tabs ",-1)),(r(!0),f(x,null,U(t(H),([n,S])=>(r(),f(x,{key:n},[S.length?(r(),j(T,{key:0,p3:"",flex:"~ col gap-1",class:F(t(c).includes(n)?"op50 grayscale":"")},{default:a(()=>[o(v,{flex:"~ row-reverse",py1:"",pl2:"",pr1:"","n-lime":"","model-value":!t(c).includes(n),"onUpdate:modelValue":i=>J(n,i)},{default:a(()=>[l("div",ve,[l("span",ge,V(n),1)])]),_:2},1032,["model-value","onUpdate:modelValue"]),e[9]||(e[9]=l("div",{"mx--1":"",my1:"","h-1px":"",border:"b base",op75:""},null,-1)),(r(!0),f(x,null,U(S,i=>(r(),j(v,{key:i.name,flex:"~ row-reverse",py1:"",pl2:"",pr1:"","n-primary":"","model-value":!t(b).includes(i.name),"onUpdate:modelValue":N=>q(i.name,N)},{default:a(()=>[l("div",{flex:"~ gap-2","flex-auto":"","items-center":"","justify-start":"","pr-4":"",class:F(t(b).includes(i.name)?"op25":"")},[o(k,{"text-xl":"",icon:i.icon,title:i.title},null,8,["icon","title"]),l("span",null,V(i.title),1),e[8]||(e[8]=l("div",{"flex-auto":""},null,-1)),t(u).includes(i.name)?(r(),f(x,{key:0},[o(m,{icon:"i-carbon-caret-up",disabled:t(u).indexOf(i.name)===0,border:!1,onClick:N=>A(i.name,-1)},null,8,["disabled","onClick"]),o(m,{icon:"i-carbon-caret-down",disabled:t(u).indexOf(i.name)===t(u).length-1,border:!1,onClick:N=>A(i.name,1)},null,8,["disabled","onClick"])],64)):P("",!0),o(m,{icon:t(u).includes(i.name)?" i-carbon-pin-filled rotate--45":" i-carbon-pin op50",border:!1,onClick:N=>W(i.name)},null,8,["icon","onClick"])],2)]),_:2},1032,["model-value","onUpdate:modelValue"]))),128))]),_:2},1032,["class"])):P("",!0)],64))),128))]),l("div",xe,[e[27]||(e[27]=l("h3",{"text-lg":""}," Appearance ",-1)),o(T,{p4:"",flex:"~ col gap-2"},{default:a(()=>[l("div",null,[o(K,null,{default:a(({toggle:n,isDark:S})=>[o(m,{n:"primary",onClick:n},{default:a(()=>[e[11]||(e[11]=l("div",{"i-carbon-sun":"","dark:i-carbon-moon":"","translate-y--1px":""},null,-1)),O(" "+V(S.value?"Dark":"Light"),1)]),_:2},1032,["onClick"])]),_:1})]),e[14]||(e[14]=l("div",{"mx--2":"",my1:"","h-1px":"",border:"b base",op75:""},null,-1)),e[15]||(e[15]=l("p",null,"UI Scale",-1)),o(E,{modelValue:t(D),"onUpdate:modelValue":e[0]||(e[0]=n=>p(D)?D.value=n:null),n:"primary"},{default:a(()=>[(r(),f(x,null,U(M,n=>l("option",{key:n[0],value:n[1]},V(n[0]),9,be)),64))]),_:1},8,["modelValue"]),e[16]||(e[16]=l("div",{"mx--2":"",my1:"","h-1px":"",border:"b base",op75:""},null,-1)),o(g,{modelValue:t(w),"onUpdate:modelValue":e[1]||(e[1]=n=>p(w)?w.value=n:null),"n-primary":""},{default:a(()=>e[12]||(e[12]=[l("span",null," Expand Sidebar ",-1)])),_:1},8,["modelValue"]),o(g,{modelValue:t(z),"onUpdate:modelValue":e[2]||(e[2]=n=>p(z)?z.value=n:null),disabled:t(w),"n-primary":""},{default:a(()=>e[13]||(e[13]=[l("span",null," Scrollable Sidebar ",-1)])),_:1},8,["modelValue","disabled"])]),_:1}),e[28]||(e[28]=l("h3",{mt2:"","text-lg":""}," Features ",-1)),o(T,{p4:"",flex:"~ col gap-2"},{default:a(()=>[o(g,{modelValue:t(_),"onUpdate:modelValue":e[3]||(e[3]=n=>p(_)?_.value=n:null),"n-primary":""},{default:a(()=>e[17]||(e[17]=[l("span",null,"Close DevTools when clicking outside",-1)])),_:1},8,["modelValue"]),o(g,{modelValue:t(I),"onUpdate:modelValue":e[4]||(e[4]=n=>p(I)?I.value=n:null),"n-primary":""},{default:a(()=>e[18]||(e[18]=[l("span",null,"Show help buttons",-1)])),_:1},8,["modelValue"]),o(g,{modelValue:t($),"onUpdate:modelValue":e[5]||(e[5]=n=>p($)?$.value=n:null),"n-primary":""},{default:a(()=>e[19]||(e[19]=[l("span",null,"Always show the floating panel",-1)])),_:1},8,["modelValue"]),e[20]||(e[20]=l("div",{"mx--2":"",my1:"","h-1px":"",border:"b base",op75:""},null,-1)),e[21]||(e[21]=l("p",null,"Minimize floating panel on inactive",-1)),o(E,{modelValue:t(C),"onUpdate:modelValue":e[6]||(e[6]=n=>p(C)?C.value=n:null),modelModifiers:{number:!0},"n-primary":""},{default:a(()=>[(r(),f(x,null,U(R,n=>l("option",{key:n[0],value:n[1]},V(n[0]),9,ce)),64))]),_:1},8,["modelValue"])]),_:1}),e[29]||(e[29]=l("h3",{mt2:"","text-lg":""}," Feedback ",-1)),o(T,{p4:"",flex:"~ col gap-2"},{default:a(()=>[o(g,{modelValue:t(B),"onUpdate:modelValue":e[7]||(e[7]=n=>p(B)?B.value=n:null),"n-primary":""},{default:a(()=>[e[22]||(e[22]=l("span",null,"Send anonymous statistics, help us improving DevTools",-1)),o(Q,{href:"https://github.com/nuxt/devtools#anonymous-usage-analytics",target:"_blank",ml1:"",op50:"",textContent:"Learn more"})]),_:1},8,["modelValue"]),e[25]||(e[25]=l("div",{"mx--2":"",my1:"","h-1px":"",border:"b base",op75:""},null,-1)),l("div",ye,[o(m,{n:"blue",to:"https://github.com/nuxt/devtools/discussions/29",target:"_blank"},{default:a(()=>e[23]||(e[23]=[l("div",{"i-carbon-data-enrichment":""},null,-1),O(" Ideas & Suggestions ")])),_:1}),o(m,{n:"orange",to:"https://github.com/nuxt/devtools/issues",target:"_blank"},{default:a(()=>e[24]||(e[24]=[l("div",{"i-carbon-debug":""},null,-1),O(" Bug Reports ")])),_:1})])]),_:1}),e[30]||(e[30]=l("h3",{mt2:"","text-lg":""}," Debug ",-1)),l("div",ke,[o(m,{n:"orange",onClick:G},{default:a(()=>e[26]||(e[26]=[l("div",{"i-carbon-breaking-change":""},null,-1),O(" Reset Local Settings & State ")])),_:1})])])])])}}});export{Ue as default};