Nuxt/examples/with-components/app.vue
Anthony Fu afcaaff57d
chore(example): use @nuxt/ui for examples (#2325)
Co-authored-by: Daniel Roe <daniel@roe.dev>
Co-authored-by: Pooya Parsa <pyapar@gmail.com>
2021-12-23 20:27:08 +01:00

24 lines
718 B
Vue

<template>
<NuxtExampleLayout :show-tips="true" example="with-components">
<h1 class="text-xl opacity-50">
Auto Imported Components
</h1>
<div>
<!-- Auto Imported Components -->
<HelloWorld class="text-2xl" />
<Nuxt3 class="text-2xl" />
<ParentFolderHello class="mt-6" />
</div>
<template #tips>
<div>
Components under <code>components/</code> folder are auto imported and can be directly used in your templates.
Read more about
<NLink href="https://v3.nuxtjs.org/docs/directory-structure/components" target="_blank">
the components directory.
</NLink>
</div>
</template>
</NuxtExampleLayout>
</template>