wehub-resource-sync
1.2 KiB
1.2 KiB
title, description
| title | description |
|---|---|
| Vue and Nuxt component generator examples | This page contains examples for the @nx/vue:component generator. |
This generator will help you generate components for your Vue or your Nuxt projects.
Examples
Create a new component for your Vue app
nx g @nx/vue:component my-app/src/app/my-cmp
Create a new component for your Nuxt app
As recommended in the Nuxt documentation, place your components into the components directory of your app. Nuxt automatically imports any components in this
directory.
Running the following will create a new component in the my-app/src/components directory:
nx g @nx/nuxt:component my-app/src/components/my-cmp
Create a new page for your Nuxt app
As stated in the Nuxt documentation, Nuxt provides a file-based routing to create routes within your web application. Place your pages into the pages directory of your app.
Running the following will create a new component (page) in the my-app/src/pages directory:
nx g @nx/nuxt:component my-app/src/pages/my-page