https://dashibase.com/_nuxt/Docs.vue_vue_type_script_setup_true_lang.59163f12.js

1import{e as h,v as _,o as t,c as o,b as e,F as i,h as n,t as l,d as p,a as x}from"./entry.468881b9.js";const r=""+new URL("next-js-logo.faa8e324.png",import.meta.url).href,c=""+new URL("nuxt-logo.db805627.png",import.meta.url).href,m={class:"col-span-12 xl:col-span-10"},g=e("h1",{class:"text-4xl sm:text-5xl font-bold pb-4"},"Documentation",-1),b=e("p",{class:"text-xl text-neutral-500 pb-10"},"Explore our guides and examples to power up your Dashibase dashboards.",-1),f={class:"mb-10"},v=e("h2",{class:"text-lg sm:text-xl font-semibold pb-4"},"Develop your plugins",-1),w={class:"flex flex-row flex-wrap gap-4"},y=["href"],k={class:"border-[0.5px] border-neutral-300 rounded"},D={class:"py-4 px-6"},j={class:"font-medium text-dashibase-coral pb-2"},N={class:"text-sm text-neutral-500"},H={class:"flex justify-end px-6 pb-4"},S=["src"],W={class:"mb-10"},A=e("h2",{class:"text-lg sm:text-xl font-semibold pb-4"},"Clone a sample plugin",-1),B={class:"flex flex-row flex-wrap gap-4"},C=["href"],L={class:"border-[0.5px] border-neutral-300 rounded relative group"},V={class:"py-4 px-6 space-y-2"},E={class:"font-medium text-dashibase-coral mb-2"},F={class:"text-sm text-neutral-500"},P={class:"flex justify-end px-6 pb-4"},R=["src"],U={class:"mb-10"},z=e("h2",{class:"text-lg sm:text-xl font-semibold pb-4"},"Other guides",-1),I={class:"flex flex-row flex-wrap gap-4"},J=["href"],O={class:"py-4 px-6 border-[0.5px] border-neutral-300 rounded"},T={class:"font-medium text-dashibase-coral"},q={class:"text-sm text-neutral-500"},X=h({__name:"Docs",setup(G){const a={plugin:[{title:"Plugin Client documentation",description:"Setup guide and API reference for developing a plugin",link:"/docs/plugin-api/"},{title:"Build a Hello World plugin (Next.js)",description:"A short guide for building a simple Hello World plugin",link:"/docs/hello-world-nextjs-plugin/",logos:[r]},{title:"Build a Hello World plugin (Nuxt.js)",description:"A short guide for building a simple Hello World plugin",link:"/docs/hello-world-nuxtjs-plugin/",logos:[c]},{title:"Build a Stripe plugin",description:"A guide for building a plugin to display Stripe subscription information",link:"/docs/stripe-customer-plugin/",logos:[r]}],samples:[{title:"Hello World plugin (Next.js)",description:'Display "Hello World" and the setup data from Dashibase',link:"https://github.com/Dashibase/hello-world-nextjs",logos:[r]},{title:"Hello World plugin (Nuxt.js)",description:'Display "Hello World" and the setup data from Dashibase',link:"https://github.com/Dashibase/hello-world-nuxtjs",logos:[c]},{title:"Stripe plugin block",description:"Display Stripe subscription information in each customer profile",link:"https://github.com/Dashibase/dashibase-stripe-customer-plugin",logos:[r]}],others:[{title:"Style forms and table views",description:"Customize your forms and table views to match your brand.",link:"/docs/style-form-and-table-view"}]};return(K,M)=>{const u=_("v-icon");return t(),o("div",m,[g,b,e("div",f,[v,e("div",w,[(t(!0),o(i,null,n(a.plugin,s=>(t(),o("a",{href:s.link,key:s.title,class:"w-[350px] hover:shadow-md"},[e("div",k,[e("div",D,[e("p",j,l(s.title),1),e("p",N,l(s.description),1)]),e("div",H,[p(" \xA0 "),(t(!0),o(i,null,n(s.logos,d=>(t(),o("img",{src:d,class:"h-6"},null,8,S))),256))])])],8,y))),128))])]),e("div",W,[A,e("div",B,[(t(!0),o(i,null,n(a.samples,s=>(t(),o("a",{href:s.link,key:s.title,class:"w-[350px] hover:shadow-md",target:"_blank"},[e("div",L,[x(u,{name:"hi-external-link",class:"absolute top-5 right-5 text-neutral-400 group-hover:text-dashibase-coral"}),e("div",V,[e("p",E,l(s.title),1),e("p",F,l(s.description),1)]),e("div",P,[p(" \xA0 "),(t(!0),o(i,null,n(s.logos,d=>(t(),o("img",{src:d,class:"h-6"},null,8,R))),256))])])],8,C))),128))])]),e("div",U,[z,e("div",I,[(t(!0),o(i,null,n(a.others,s=>(t(),o("a",{href:s.link,key:s.title,class:"w-[350px] hover:shadow-md"},[e("div",O,[e("p",T,l(s.title),1),e("p",q,l(s.description),1)])],8,J))),128))])])])}}});export{X as _};