2021-06-18 16:50:03 +00:00
|
|
|
<template>
|
2021-12-23 19:27:08 +00:00
|
|
|
<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
|
2022-03-18 10:59:02 +00:00
|
|
|
<NuxtLink to="https://v3.nuxtjs.org/docs/directory-structure/components" target="_blank">
|
2021-12-23 19:27:08 +00:00
|
|
|
the components directory.
|
2022-03-18 10:59:02 +00:00
|
|
|
</NuxtLink>
|
2021-12-23 19:27:08 +00:00
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</NuxtExampleLayout>
|
2021-06-18 16:50:03 +00:00
|
|
|
</template>
|