Skip to content
⚙️ Developer tools for vue js (Vuex)
Vue JavaScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
docs Grammar cleanup. May 10, 2018
public add functions Apr 19, 2018
src
.gitignore cambio a cli3v2 Apr 8, 2018
LICENSE
README.md Update README.md May 27, 2018
package-lock.json 0.2.2 May 12, 2018
package.json 0.2.2 May 12, 2018
vue.config.js cambios Apr 12, 2018

README.md

vuenut

Introduction

Vuenut is a Vue.js component that visualizes, manipulates, and saves state data from vuex.

vuenut

Advantage

If your application uses a vuex store to maintain state, vuenut gives you the following advantages:

  • Easy to implement the store
  • Does not affect other libraries or components
  • Saves 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 workflow and help programmers who love simple fast and effective tools. You can do great things with vuenut with the just 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 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

install with 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)

Become a Patron

Vuenut is an open source MIT project if you want to contribute to keep improving, If you are interested in supporting this project, please consider becoming a patron. [patron]

Lusaxweb

This library was created and is supported by Lusaxweb

License

MIT

You can’t perform that action at this time.