---
template: Example
---

# Composables

This example shows how to use the `composables/` directory to auto-import composables.
If the component file provides a default export, the name of the composable will be mapped to the name of the file. Named exports can be used as-is.

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

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