{"id":21012563,"url":"https://github.com/igeligel/vuex-simple-structure","last_synced_at":"2026-03-17T08:37:11.463Z","repository":{"id":75544623,"uuid":"107860567","full_name":"igeligel/vuex-simple-structure","owner":"igeligel","description":":chart_with_upwards_trend: A repository showcasing a simple Vuex store inside a Vue.js application based on Large-scale Vuex application structures @3yourmind","archived":false,"fork":false,"pushed_at":"2018-05-29T20:27:45.000Z","size":182,"stargazers_count":87,"open_issues_count":0,"forks_count":23,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-05-15T04:33:22.575Z","etag":null,"topics":["blogpost","large-scale","simple","vue","vue2","vuejs2","vuex"],"latest_commit_sha":null,"homepage":"https://vuex-simple-structure.netlify.com","language":"JavaScript","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/igeligel.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"License.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-10-22T11:39:23.000Z","updated_at":"2025-03-10T10:42:27.000Z","dependencies_parsed_at":null,"dependency_job_id":"446a68ec-c20a-4074-8613-295e64d71f63","html_url":"https://github.com/igeligel/vuex-simple-structure","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/igeligel/vuex-simple-structure","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/igeligel%2Fvuex-simple-structure","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/igeligel%2Fvuex-simple-structure/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/igeligel%2Fvuex-simple-structure/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/igeligel%2Fvuex-simple-structure/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/igeligel","download_url":"https://codeload.github.com/igeligel/vuex-simple-structure/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/igeligel%2Fvuex-simple-structure/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30619218,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-17T08:10:05.930Z","status":"ssl_error","status_checked_at":"2026-03-17T08:10:04.972Z","response_time":56,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["blogpost","large-scale","simple","vue","vue2","vuejs2","vuex"],"created_at":"2024-11-19T09:37:37.855Z","updated_at":"2026-03-17T08:37:11.458Z","avatar_url":"https://github.com/igeligel.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vuex-simple-structure by \u003ca href=\"https://github.com/igeligel\"\u003eigeligel\u003c/a\u003e\n\n\u003e A Vue.js/Vuex project showcasing a simple store structure. This project was\n\u003e created in cooperation with [3yourmind](https://github.com/3YOURMIND).\n\n\u003ca href=\"./License.md\"\u003e\u003cimg src=\"https://img.shields.io/github/license/igeligel/vuex-simple-structure.svg\" alt=\"badge of license\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/igeligel/vuex-simple-structure/pulls\"\u003e\u003cimg src=\"https://img.shields.io/badge/PR-welcome-green.svg\" alt=\"badge of pull request welcome\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://www.3yourmind.com/career\"\u003e\u003cimg src=\"https://img.shields.io/badge/3YOURMIND-Hiring-brightgreen.svg\" alt=\"badge of hiring advertisement of 3yourmind\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/igeligel/vuex-simple-structure/stargazers\"\u003e\u003cimg src=\"https://img.shields.io/github/stars/igeligel/vuex-simple-structure.svg?style=social\u0026label=Stars\" alt=\"badge of github star\" /\u003e\u003c/a\u003e\n\n## Showcase/Architecture\n\nSimple store structure containing just one main store and several module files.\n\n\u003cp\u003e\u003cdetails\u003e\n  \u003csummary\u003e\u003cb\u003ediagram\u003c/b\u003e\u003c/summary\u003e\n  \u003cp\u003e\u003cimg src=\"./docs/structure.png\" alt=\"structure of the store system\" style=\"max-width: 400px;\" /\u003e\u003c/p\u003e\n\u003c/details\u003e\u003c/p\u003e\n\n\u003cp\u003e\u003cdetails\u003e\n  \u003csummary\u003e\u003cb\u003efile structure\u003c/b\u003e\u003c/summary\u003e\n  \u003cimg src=\"./docs/vs-code-folder-structure.png\" alt=\"structure of the store system in visual studio code\" style=\"max-width: 400px;\" /\u003e\n\u003c/details\u003e\u003c/p\u003e\n\n## Dependencies\n\n\u003cp\u003e\u003cdetails\u003e\n  \u003csummary\u003e\u003cb\u003enpm dependencies\u003c/b\u003e\u003c/summary\u003e\n\n| Dependency | Version |\n| ---------- | ------- |\n| vue        | ^2.5.2  |\n| vue-router | ^3.0.1  |\n| vuex       | ^3.0.0  |\n\n\u003c/details\u003e\u003c/p\u003e\n\n## Installation\n\nThe installation process is split into two sections for\n[development](#development) and [production](#production) use. You can find a\nproduction version of this site live at\n[vuex-simple-structure.netlify.com](https://vuex-simple-structure.netlify.com/).\n\n### Development\n\n\u003cp\u003e\u003cdetails\u003e\n  \u003csummary\u003e\u003cb\u003einstructions\u003c/b\u003e\u003c/summary\u003e\n\n#### Using npm\n\n```shell\nnpm install\nnpm run dev\n```\n\n#### Using yarn\n\n```shell\nyarn install\nyarn run dev\n```\n\n\u003c/details\u003e\u003c/p\u003e\n\n### Production\n\n\u003cp\u003e\u003cdetails\u003e\n  \u003csummary\u003e\u003cb\u003einstructions\u003c/b\u003e\u003c/summary\u003e\n\n#### Using npm\n\n```shell\nnpm install\nnpm run build\n```\n\n#### Using yarn\n\n```shell\nyarn install\nyarn run build\n```\n\n\u003c/details\u003e\u003c/p\u003e\n\n## Examples\n\n* [vuejs/vuex - shopping cart example](https://github.com/vuejs/vuex/tree/dev/examples/shopping-cart)\n* [igeligel/vuex-simple-structure](https://github.com/igeligel/vuex-simple-structure)\n\n## Contact\n\n\u003ca href=\"https://twitter.com/kevinpeters_\"\u003e\u003cimg src=\"https://img.shields.io/badge/Contact-Twitter-1da1f2.svg\" alt=\"Twitter of Kevin Peters\"\u003e\u003c/a\u003e\n\n## Contributors\n\n\u003ctable\u003e\u003cthead\u003e\u003ctr\u003e\u003cth align=\"center\"\u003e\u003ca href=\"https://github.com/igeligel\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/12736734?v=3\" width=\"100px;\" style=\"max-width:100%;\"\u003e\u003cbr\u003e\u003csub\u003eigeligel\u003c/sub\u003e\u003c/a\u003e\u003cbr\u003e\u003cp\u003eContributions: 20\u003c/p\u003e\u003c/th\u003e\u003c/tbody\u003e\u003c/table\u003e\n\n## License\n\n_vuex-simple-structure_ is realeased under the [MIT License](/License.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Figeligel%2Fvuex-simple-structure","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Figeligel%2Fvuex-simple-structure","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Figeligel%2Fvuex-simple-structure/lists"}