1 line
16 KiB
JavaScript
1 line
16 KiB
JavaScript
|
import{$ as e,C as t,Ct as n,Et as r,Mt as i,P as a,Q as o,Qt as s,S as c,T as l,V as u,W as d,X as f,Y as p,Z as m,_ as h,ct as g,dt as _,ft as v,g as y,h as b,m as x,p as S,s as C,tn as w,vt as T}from"./vendor/json-editor-vue-9tyg6b65.js";import{D as ee,b as te,c as E,i as D,n as O,w as ne}from"./utils-ivfwadyv.js";import{et as k,r as A,t as re}from"./client-kfvz1zfh.js";import{t as j}from"./storage-options-k70ge3wv.js";import{t as M}from"./_plugin-vue_export-helper-d9irwgla.js";import{t as N}from"./nicon-hgcqr03x.js";import{t as P}from"./nbutton-g8ropw1z.js";import{t as F}from"./ncard-d0lyv7bx.js";import{s 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 ie}from"./ncheckbox-oir9zn2f.js";import{t as B}from"./filepath-item-evfn93g6.js";import{t as V}from"./help-fab-myoje00l.js";import{t as H}from"./nnavbar-eonyi8yr.js";import{t as U}from"./nicon-title-hifk5b9y.js";import{t as W}from"./nsection-block-lfx32fn0.js";import{n as G}from"./dist-das2ggjj.js";import{t as K}from"./nbadge-nhg3871m.js";import{n as q,t as J}from"./vendor/vis-g93dt5xg.js";import{t as Y}from"./nselect-tabs-x0ru7ijw.js";import{n as X,t as ae}from"./state-components-dvlju1e9.js";var oe={},se={class:`markdown-body`};function ce(e,t){return d(),h(`div`,se,[...t[0]||=[x(`template`,null,[x(`div`,{class:`markdown-body`},[x(`h1`,null,`Components`),x(`p`,null,`Vue Components allow us to split the UI into independent and reusable pieces, and think about each piece in isolation. This is very similar to how we nest native HTML elements, but Vue implements its own component model that allow us to encapsulate custom content and logic in each component.`),x(`p`,null,`Components placed in the components/ directory are automatically registered by Nuxt. They can be used in your templates without importing them.`),x(`p`,null,[x(`a`,{href:`https://nuxt.com/docs/guide/directory-structure/components`,target:`_blank`,rel:`noopener`},`Learn more in the documentation`)])])],-1)]])}var le=M(oe,[[`render`,ce]]),ue={"text-sm":``,"font-mono":``},Z=Object.assign(l({__name:`ComponentName`,props:{component:{}},setup(e){let t=e,n=S(()=>t.component.pascalName||G(t.component.name||t.component.__name||t.component.kebabName||``));return(e,t)=>(d(),h(`code`,ue,[t[0]||=x(`span`,{mr1:``,op20:``},`<`,-1),c(w(n.value),1),t[1]||=x(`span`,{ml1:``,op20:``},`/>`,-1)]))}}),{__name:`ComponentName`}),de={flex:`~ col gap1`,"items-start":``,"of-hidden":``},Q={flex:`~ gap2 items-center`,px3:``},fe={px3:``,pb2:``},pe={key:0,border:`t base`,"max-h-60":``,"w-full":``,"of-auto":``,px3:``,py3:``},me={"text-sm":``},he={"text-primary":``},ge={key:0,flex:`~ col gap-2`,"items-start":``,pt3:``,"text-sm":``,op75:``},_e={key:1,border:`t base`,"max-h-60":``,"w-full":``,"of-auto":``,px3:``,py3:``},ve={"text-sm":``},ye={"text-primary":``},be={key:0,flex:`~ col gap-2`,"items-start":``,pt3:``,"text-sm":``,op75:``},$=Object.assign(l({__name:`ComponentDetails`,props:{component:{},dependencies:{},dependents:{}},setup(e){let n=e,r=S(()=>n.component.pascalName||G(n.component.name||n.component.__name||n.component.kebabName||``)),a=S(()=>n.component.filePath||n.component.file||n.component.__file||``),o=L();return(n,s)=>{let l=Z,u=P,m=K,g=B;return d(),h(`div`,de,[x(`div`,Q,[t(l,{component:e.component},null,8,[`component`]),e.component.meta?.docs&&typeof e.component.meta.docs==`string`?(d(),b(u,{key:0,title:`Open docs`,"flex-none":``,n:`xs`,to:e.component.meta.docs,target:`_blank`,icon:`carbon-catalog`},{default:_(()=>[...s[1]||=[c(` Docs `,-1)]]),_:1},8,[`to`])):y(``,!0),t(u,{title:`Copy name`,"flex-none":``,n:`xs`,icon:`carbon-copy`,onClick:s[0]||=e=>i(o)(`<${r.value}></${r.value}>`,`component-name`)},{default:_(()=>[...s[2]||=[c(` Copy `,-1)]]),_:1}),e.component.global?(d(),b(m,{key:1,n:`green`,title:`Registered at runtime as a global component`,textContent:`runtime`})):y(``,!0)]),x(`div`,fe,[a.value?(d(),b(g,{key:0,filepath:a.value,"w-full":``,"text-sm":``,op40:``,"group-hover:op75":``},null,8,[`filepath`])):y(``,!0)]),e.dependents?(d(),h(`div`,pe,[x(`di
|