nx/packages/vue/docs/component-examples.md

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 --directory=my-app/src/app/my-cmp --name=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 --directory=my-app/src/components/my-cmp --name=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 --directory=my-app/src/pages --name=my-page