# Discovered Components
|
|
This is an auto-generated list of components discovered by [nuxt/components](https://github.com/nuxt/components).
|
|
You can directly use them in pages and other components without the need to import them.
|
|
**Tip:** If a component is conditionally rendered with `v-if` and is big, it is better to use `Lazy` or `lazy-` prefix to lazy load.
|
|
<%
|
const components = options.getComponents()
|
const list = components.map(c => {
|
const pascalName = c.pascalName.replace(/^Lazy/, '')
|
const kebabName = c.kebabName.replace(/^lazy-/, '')
|
const tags = c.isAsync ? ' [async]' : ''
|
return `- \`<${pascalName}>\` | \`<${kebabName}>\` (${c.shortPath})${tags}`
|
})
|
%><%= list.join('\n') %>
|
