A component to develop faster and more fluently

vuenut

Vuenut is a component based on vue js that is responsible for manipulating save and visualize the data of vuex to facilitate the work and improve the production.

Advantage

In case of having an application or system that includes a store to maintain the states (vuex) in the case of vuejs vuenut gives you the following advantages

  • Easy to implement the store
  • Does not affect other libraries or components
  • Saves the settings in the browser storage
  • Easy to add to any project with either webpack or CDN
  • A very nice and intuitive interface

What can you do with vuenut?

This component is designed to improve and help us programmers who love the simple fast and effective you can do with vuenut great things but with the simplicity of a click

  • Visualize the entire store as a tree of nodes so as not to get lost
  • Get the final route of the data to add it only with a simple ctl v
  • Edit the value you want and where you want by changing the data in the whole application
  • Save the store to reuse it at any time and return to that point of the system
  • Export the current store to give it to another developer or import it later
  • Import a store
  • And many more incredible features

Demo

Codepen

Browser Support

Recent versions of Firefox, Chrome, Edge, Opera and Safari. IE10+

Quick-start CDN

<!DOCTYPE html>
<title>vuenut demo</title>
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/vuenut/dist/vuenut.umd.js"></script>
<link rel="stylesheet" href="https://unpkg.com/vuenut/dist/vuenut.css">

<div id="app">
  <vuenut :store="$store.state"/>
</div>

<script>
new Vue({
}).$mount('#app')
</script>

CDN

- https://unpkg.com/vuenut/dist/vuenut.umd.js
- https://unpkg.com/vuenut/dist/vuenut.css

install en Proyecto NPM

# npm
npm install vuenut
# yarn
yarn add vuenut

Use

import Vue from 'vue'
import Vuenut from 'vuenut'

import 'vuenut/dist/vuenut.css'
Vue.use(Vuenut)

GitHub