---
title: "Composables"
description: "This example shows how to use the composables/ directory to auto-import composables."
toc: false
---

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"}
::