@nx/vue:component

Create a Vue Component for Nx.

Usage

1nx generate component ... 2
1nx g c ... #same 2

By default, Nx will search for component in the default collection provisioned in workspace.json.

You can specify the collection explicitly as follows:

1nx g @nx/vue:component ... 2

Show what will be generated without writing to disk:

1nx g component ... --dry-run 2

Examples

Generate a component at mylib/src/lib/foo.vue:

1nx g @nx/vue:component mylib/src/lib/foo.vue 2

Generate a component without providing the file extension at mylib/src/lib/foo.vue:

1nx g @nx/vue:component mylib/src/lib/foo 2

Generate a component at mylib/src/lib/foo.vue with vitest as the unit test runner:

1nx g @nx/vue:component mylib/src/lib/foo --unitTestRunner=vitest 2

Options

path

Required
string

The file path to the component. Relative to the current working directory.

export

e
boolean
Default: false

When true, the component is exported from the project index.ts (if it exists).

fileName

string

Create a component with this file name.

inSourceTests

boolean
Default: false

When using Vitest, separate spec files will not be generated and instead will be included within the source files. Read more on the Vitest docs site: https://vitest.dev/guide/in-source.html

js

boolean
Default: false

Generate JavaScript files rather than TypeScript files.

routing

boolean

Generate a library with routes.

skipTests

Internal
boolean
Default: false

When true, does not create spec.ts test files for the new component.

skipFormat

Internal
boolean
Default: false

Skip formatting files.