mirror of https://github.com/nuxt/nuxt.git
21 lines
1.1 KiB
Markdown
21 lines
1.1 KiB
Markdown
---
|
|
navigation.icon: IconDirectory
|
|
title: 'utils'
|
|
head.title: 'utils/'
|
|
description: Use the utils/ directory to auto-import your utility functions throughout your application.
|
|
---
|
|
|
|
# Utils Directory
|
|
|
|
Nuxt 3 uses the [`utils/` directory](/docs/guide/directory-structure/utils) to automatically import helper functions and other utilities throughout your application using [auto-imports](/docs/guide/concepts/auto-imports)!
|
|
|
|
::alert{type=info}
|
|
The main purpose of the [`utils/` directory](/docs/guide/directory-structure/utils) is to allow a semantic distinction between your Vue composables and other auto-imported utility functions.
|
|
|
|
The way `utils/` auto-imports work and are scanned is identical to [the composables/ directory](/docs/guide/directory-structure/composables). You can see examples and more information about how they work in that section of the docs.
|
|
::
|
|
|
|
::alert{type=info}
|
|
These utils are only available within the Vue part of your app. Within the [server directory](/docs/guide/directory-structure/server#server-utilities), we auto import exported functions and variables from `~/server/utils` instead.
|
|
::
|