@magnolia/cli-vue-prototypes

Cli Vue Components

Package for @magnolia/cli-create-component which holds Vue framework components and pages prototypes.

Default type: 'vue'

Usage

Use this project with @magnolia/cli-create-component or @magnolia/cli-create-page:

npm run mgnl -- create-component NewComponenet -f "@magnolia/cli-vue-prototypes"

No installation is needed. @magnolia/cli-create-component or @magnolia/cli-create-page will pass all required arguments and run this project with npx.

NOTE: @magnolia/cli-prototype-template, @magnolia/cli-create-component, and @magnolia/cli-create-page are not yet released. Please clone, build and install it manually

Build and run locally

1. Clone @magnolia/cli-prototype-template from git
2. Build @magnolia/cli-prototype-template:

   npm run build

3. Pack @magnolia/cli-prototype-template:

   npm pack

4. Install the @magnolia/cli-prototype-template in your @magnolia/cli-vue-prototypes clone:

   npm i /Path/to/magnolia-cli-prototype-template-1.0.0.tgz

5. Build @magnolia/cli-vue-prototypes:

   npm run build

6. In a project:

   npm run mgnl -- create-component NewComponent -f "/Path/to/cli-vue-prototypes"

Available prototypes

Component prototypes

• _default: variant contains a Vue component with 'text' property only. Default LM component. Available types: 'vue'.
• _default-directory_based: variant is same as _default, but creates folder with component name and exports index file. Available types: 'vue'.
• ha-nuxt_2 variant contains a component compatible with Headless Accelerator Nuxt v2 template. Available types: 'vue'.
• ha-nuxt_3 variant contains a component compatible with Headless Accelerator Nuxt v3 template. Available types: 'vue'.

Page prototypes

• _default: variant contains a Vue page with 'title' property only. Available types: 'vue'.
• _default-directory_based: variant is same as _default, but creates folder with page name and exports index file. Available types: 'vue'.
• ha-nuxt_2 variant contains a page compatible with Headless Accelerator Nuxt v2 template. Available types: 'vue'.
• ha-nuxt_3 variant contains a page compatible with Headless Accelerator Nuxt v3 template. Available types: 'vue'.