evryn / vue-registrar

☘️ A package that dynamically registers your components and vuex modules

Home Page:https://evryn.github.io/vue-registrar

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Warning This repository is archived for read-only purpose and not maintained anymore. Tree Shaking is better way to archive the primary goal of this package and we're not going to add it to the package since it's no longer maintained.

vue-registrar

Vue Registrar

A dynamic component registrar and Vuex module assembler


A Vue.js package that makes your code a lot cleaner and much more understandable.

Quick Start

🔥 Let just get started!!

What is this technically?

Vue Registrar is consisted of two features that:

  • Registers all your common and frequently used components globally and ends the need for importing them manually;
  • Assembles all your vuex modules in a nested manner.

👉 See documents and get started

Why should I use it?

No more words! see yourself:

Using Component Registrar

vue-dynamic-component-registrar

If you're familiar with following structure:

// hello-world.vue
<template> ... </template>
<script>
import SomethingCommon from './path/to/it'
export default {
  components: { SomethingCommon }
}
</script>

You may need this feature! By using that, you just need to consider your template:

// hello-world.vue
<template> ... </template>

Using Vuex Module Assembler

vuex-dynamic-nested-module-assembler

If you're using Vuex modules (especially in a nested or namespaced manner) like this:

// store.js
import moduleAlphaState from './path/to/moduleAlpha/state'
import moduleAlphaActions from './path/to/moduleAlpha/actions'
import moduleBeta from './path/to/moduleBeta'

export default {
  a: {
    state: moduleAlphaState,
    actions: moduleAlphaActions,
    namespaced: true,
    modules: {
      nestedB: moduleBeta
    }
  }
}
</script>

You'll need this feature. By using it, you don't need to do anything else! just follow a simple directory structure:

vuex-modules/
└── a
    ├── actions.js
    ├── state.js
    └── b
        ├── actions.js
        ├── getters.js
        ├── mutations.js
        └── state.js

Contribution

Any kind of help is appreciated! Feel free to report bugs, extend functionality and features. Pull Requests will be reviewed as soon as possible.

License

Code is licensed under the MIT License.

See Also

About

☘️ A package that dynamically registers your components and vuex modules

https://evryn.github.io/vue-registrar

License:MIT License


Languages

Language:JavaScript 85.6%Language:Vue 14.4%