Auto Imports

This example demonstrates the auto-imports feature in Nuxt.

Example of the auto-imports feature in Nuxt with:

Vue components in the components/ directory are auto-imported and can be used directly in your templates.
Vue composables in the composables/ directory are auto-imported and can be used directly in your templates and JS/TS files.
JS/TS variables and functions in the utils/ directory are auto-imported and can be used directly in your templates and JS/TS files.

Read more in Docs > Guide > Directory Structure > Components.

Read more in Docs > Guide > Directory Structure > Composables.

Read more in Docs > Guide > Directory Structure > Utils.

Loading Sandbox...

Hello World

A minimal Nuxt 3 application only requires the `app.vue` and `nuxt.config.js` files.

Data Fetching

This example demonstrates data fetching with Nuxt 3 using built-in composables and API routes.