---
template: Example
---

# Components

Components in the `components/` directory are auto-imported and can be used directly in your templates.
You can configure other directories to support components auto-imports.

::ReadMore{link="/guide/directory-structure/components"}
::

::sandbox{repo="nuxt/framework" branch="main" dir="examples/auto-imports/components" file="app.vue"}