{"id":13817913,"url":"https://github.com/lusaxweb/vuenut","last_synced_at":"2025-04-05T23:05:52.482Z","repository":{"id":48134610,"uuid":"127050848","full_name":"lusaxweb/vuenut","owner":"lusaxweb","description":"⚙️ Developer tools for vue js (Vuex)","archived":false,"fork":false,"pushed_at":"2018-05-27T02:32:14.000Z","size":9402,"stargazers_count":304,"open_issues_count":3,"forks_count":19,"subscribers_count":9,"default_branch":"master","last_synced_at":"2024-05-01T17:05:21.057Z","etag":null,"topics":["componet","javascript","library","vue","vue-components","vue2","vuejs","vuenut","vuex"],"latest_commit_sha":null,"homepage":"https://lusaxweb.github.io/vuenut.org/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lusaxweb.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-03-27T22:03:11.000Z","updated_at":"2024-02-24T07:50:41.000Z","dependencies_parsed_at":"2022-08-12T19:30:56.278Z","dependency_job_id":null,"html_url":"https://github.com/lusaxweb/vuenut","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lusaxweb%2Fvuenut","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lusaxweb%2Fvuenut/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lusaxweb%2Fvuenut/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lusaxweb%2Fvuenut/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lusaxweb","download_url":"https://codeload.github.com/lusaxweb/vuenut/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247411226,"owners_count":20934653,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["componet","javascript","library","vue","vue-components","vue2","vuejs","vuenut","vuex"],"created_at":"2024-08-04T06:01:00.098Z","updated_at":"2025-04-05T23:05:52.444Z","avatar_url":"https://github.com/lusaxweb.png","language":"Vue","funding_links":["https://www.patreon.com/bePatron?c=1567892"],"categories":["Vue","Utilities [🔝](#readme)","Components \u0026 Libraries"],"sub_categories":["Utilities"],"readme":"\u003cp align=\"center\"\u003e\n\u003ca href=\"https://lusaxweb.github.io/vuenut.org/\"\u003e\n\u003cimg src=\"https://lusaxweb.github.io/vuenut.org/css/images/vuenut01.png\" alt=\"vuenut\"\u003e\n\u003c/a\u003e\n  \u003c/p\u003e\n\n\n# Introduction\n\n[Vuenut](https://lusaxweb.github.io/vuenut.org/) is a Vue.js component that visualizes, manipulates, and saves state data from [vuex](https://vuex.vuejs.org/en/).\n\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://lusaxweb.github.io/vuenut.org/\"\u003e\n\u003cimg src=\"https://github.com/lusaxweb/vuenut/blob/master/src/public/img/vuenut.gif\" alt=\"vuenut\"\u003e\n\u003c/a\u003e\n\u003c/p\u003e\n\n## Advantage\n\nIf your application uses a [vuex](https://vuex.vuejs.org/en/) store to maintain state, vuenut gives you the following advantages:\n\n- Easy to implement the store\n- Does not affect other libraries or components\n- Saves settings in the browser storage\n- Easy to add to any project with either webpack or CDN\n- A very nice and intuitive interface\n\n## What can you do with vuenut?\n\nThis 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.\n\n- Visualize the entire store as a tree of nodes so as not to get lost\n- Get the final route of the data to add it with a simple `ctl v`\n- Edit the value you want and where you want by changing the data in the whole application\n- Save the store to reuse it at any time and return to that point of the system\n- Export the current store to give it to another developer or import it later\n- Import a store\n- And many more incredible features\n\n# Demo\n\n[Codepen](https://codepen.io/lusaxweb/pen/dmLEKv)\n\n\n# Browser Support\nRecent versions of Firefox, Chrome, Edge, Opera and Safari. IE10+\n\n# Quick-start CDN\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003ctitle\u003evuenut demo\u003c/title\u003e\n\u003cscript src=\"https://unpkg.com/vue\"\u003e\u003c/script\u003e\n\u003cscript src=\"https://unpkg.com/vuenut/dist/vuenut.umd.js\"\u003e\u003c/script\u003e\n\u003clink rel=\"stylesheet\" href=\"https://unpkg.com/vuenut/dist/vuenut.css\"\u003e\n\n\u003cdiv id=\"app\"\u003e\n  \u003cvuenut :store=\"$store.state\"/\u003e\n\u003c/div\u003e\n\n\u003cscript\u003e\nnew Vue({\n}).$mount('#app')\n\u003c/script\u003e\n```\n\n# CDN\n\n- https://unpkg.com/vuenut/dist/vuenut.umd.js\n- https://unpkg.com/vuenut/dist/vuenut.css\n\n# install with NPM\n``` bash\n# npm\nnpm install vuenut\n```\n\n``` bash\n# yarn\nyarn add vuenut\n```\n\n## Use\n\n```javascript\nimport Vue from 'vue'\nimport Vuenut from 'vuenut'\n\nimport 'vuenut/dist/vuenut.css'\nVue.use(Vuenut)\n```\n## Become a Patron\n\nVuenut 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](https://www.patreon.com/bePatron?c=1567892)]\n\n## Lusaxweb\n\nThis library was created and is supported by [Lusaxweb](http://www.lusaxweb.com.ve/)\n\n## License\n\n[MIT](https://github.com/lusaxweb/vuenut/blob/master/LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flusaxweb%2Fvuenut","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flusaxweb%2Fvuenut","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flusaxweb%2Fvuenut/lists"}