Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/ndabAP/vuex-cli-scaffold

NOT MAINTAINED Scaffold vuex actions, mutations, getters and the state
https://github.com/ndabAP/vuex-cli-scaffold

cli scaffold vue vuex

Last synced: 29 days ago
JSON representation

NOT MAINTAINED Scaffold vuex actions, mutations, getters and the state

Lists

README

        

# NOT MAINTAINED vuex-cli-scaffold

Generating module entities for your Vue.js store is repetitive and verbose. This packages lets you create one or
multiple entities at once including the state, mutations, actions, getters, the module itself and even the store. You
can also create nested entities.

**Warning**: At the moment, it does not work with Yarn.

## Features

- Multiple entities
- nested entities
- includes all Vuex elements

## Installation

```bash
$ npm install vuex-cli-scaffold --save-dev
```

## Usage

By default, this package assumes that you'll have your modules stored at `src/store/modules` and the store itself at
`src/store/index.js`. To change the modules directory, simply append `modules=path` where `path` starts from your
applications root directory.

### Create entity

To create an entity, simply type this into the console.

```bash
$ npm run vuex-cli-scaffold product
```

This will create all necessary module files at `src/store/modules` including the state, mutations, actions, getters and
the module.

### Create multiple entities

To create multiple entities, type this into the console.

```bash
$ npm run vuex-cli-scaffold product shop basket
```

### Nested entity

You can even create nested entities.

```bash
$ npm run vuex-cli-scaffold shop shop/products shop/products/product
```

**Important**: When you creating nested entities, you have to manually set the modules value in the parent modules. In
our case, you would need to set the modules for all entities, unless you're using `-new`, which is explained below.

### Initialize store

If you start from zero, you can create a store next to other entities.

```bash
$ npm run vuex-cli-scaffold shop shop/products shop/products/product -new
```

All root entities will be added to the store. In our case the only root entity is `shop`.

## Author

[Julian Claus](https://www.julian-claus.de) and contributors.

## License

MIT