---
toc: false
---

# Composables

This example shows how to use the composables/ directory to auto-import composables.

If the composable 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"}
::