Vue and Nuxt component generator examples

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