nuxi add
Scaffold an entity into your Nuxt application.
Terminal
npx nuxi add [--cwd] [--force] <TEMPLATE> <NAME>| Option | Default | Description |
|---|---|---|
TEMPLATE | - | Specify a template of the file to be generated. |
NAME | - | Specify a name of the file that will be created. |
--cwd | . | The directory of the target application. |
--force | false | Force override file if it already exists. |
Modifiers:
Some templates support additional modifier flags to add a suffix (like .client or .get) to their name.
Terminal
# Generates `/plugins/sockets.client.ts`npx nuxi add plugin sockets --clientnuxi add component
- Modifier flags:
--mode client|serveror--clientor--server
Terminal
# Generates `components/TheHeader.vue`npx nuxi add component TheHeadernuxi add composable
Terminal
# Generates `composables/foo.ts`npx nuxi add composable foonuxi add layout
Terminal
# Generates `layouts/custom.vue`npx nuxi add layout customnuxi add plugin
- Modifier flags:
--mode client|serveror--clientor--server
Terminal
# Generates `plugins/analytics.ts`npx nuxi add plugin analyticsnuxi add page
Terminal
# Generates `pages/about.vue`npx nuxi add page aboutTerminal
# Generates `pages/category/[id].vue`npx nuxi add page "category/[id]"nuxi add middleware
- Modifier flags:
--global
Terminal
# Generates `middleware/auth.ts`npx nuxi add middleware authnuxi add api
- Modifier flags:
--method(can acceptconnect,delete,get,head,options,patch,post,putortrace) or alternatively you can directly use--get,--post, etc.
Terminal
# Generates `server/api/hello.ts`npx nuxi add api hello