@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) • 1.21 kB
JavaScript
import{d as m,r as c,f as o,m as s,k as i,i as a,j as u,aR as d,F as k,p as l,o as n,a8 as v,z as g,_}from"./Bysyzw-g.js";const x={key:0,border:"l base",class:"prose",pos:"fixed bottom-0 right-0 top-0","z-200":"","h-full":"","w-150":"","overflow-auto":"",px8:"",py4:"","bg-base":""},h=m({__name:"HelpFab",setup(w){const t=c(!1),{showHelpButtons:p}=g();return(b,e)=>{const f=_;return o(p)?(n(),s(k,{key:0},[i("button",{pos:"absolute bottom-5 right-5",border:"~ base rounded-full ",flex:"~ items-center justify-center","z-110":"","h-11":"","w-11":"","backdrop-blur-8":"",bg:"bg-base op50!","light:shadow":"",hover:"bg-active",title:"Help",onClick:e[0]||(e[0]=r=>t.value=!o(t))},e[3]||(e[3]=[i("div",{"i-ri:question-mark":""},null,-1)])),a(d,{name:"fade-in"},{default:u(()=>[o(t)?(n(),s("div",{key:0,class:"fixed bottom-0 left-0 right-0 top-0 z-100","bg-black:20":"","backdrop-blur-2":"",onClick:e[1]||(e[1]=r=>t.value=!1)})):l("",!0)]),_:1}),a(d,{name:"slide-in"},{default:u(()=>[o(t)?(n(),s("div",x,[v(b.$slots,"default"),a(f,{icon:"carbon-close",pos:"absolute top-3 right-3","rounded-full":"","text-xl":"",border:!1,onClick:e[2]||(e[2]=r=>t.value=!1)})])):l("",!0)]),_:3})],64)):l("",!0)}}});export{h as _};