{"id":19732020,"url":"https://github.com/devrax/vue-folder-structure","last_synced_at":"2026-03-12T14:20:06.664Z","repository":{"id":115038230,"uuid":"311809837","full_name":"Devrax/vue-folder-structure","owner":"Devrax","description":"A Vue basic folder structure","archived":false,"fork":false,"pushed_at":"2020-11-10T23:52:55.000Z","size":132,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-28T03:50:23.996Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/Devrax.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-11-10T23:28:25.000Z","updated_at":"2023-11-28T03:23:04.000Z","dependencies_parsed_at":null,"dependency_job_id":"20227167-fd8c-4d85-8b89-0487d88ea61a","html_url":"https://github.com/Devrax/vue-folder-structure","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Devrax/vue-folder-structure","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Devrax%2Fvue-folder-structure","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Devrax%2Fvue-folder-structure/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Devrax%2Fvue-folder-structure/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Devrax%2Fvue-folder-structure/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Devrax","download_url":"https://codeload.github.com/Devrax/vue-folder-structure/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Devrax%2Fvue-folder-structure/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30428054,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-12T14:00:25.264Z","status":"ssl_error","status_checked_at":"2026-03-12T13:59:52.690Z","response_time":114,"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":[],"created_at":"2024-11-12T00:24:27.097Z","updated_at":"2026-03-12T14:20:06.617Z","avatar_url":"https://github.com/Devrax.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\n## A Frankstein Folder structure with tips took from [here](https://itnext.io/how-to-structure-a-vue-js-project-29e4ddc1aeeb) and [here](https://vueschool.io/articles/vuejs-tutorials/structuring-vue-components/).\n\n**For more details, go there**\n\n## Naming conventions\n\nHere are a few conventions coming from the Vue.js official styleguide that you need to structure well your project:\n\n- Component names should always be multi-word, except for root “App” components. Use “UserCard” or “ProfileCard” instead of “Card” for example.\nEach component should be in its own file.\n\n- Filenames of single-file components should either be always PascalCase or always kebab-case. Use “UserCard.vue” or “user-card.vue”.\n\n- Components that are only used once per page should begin with the prefix “The”, to denote that there can be only one. For example for a navbar or a footer you should use “TheNavbar.vue” or “TheFooter.vue”.\n\n- Child components should include their parent name as a prefix. For example if you would like a “Photo” component used in the “UserCard” you will name it “UserCardPhoto”. It’s for better readability since files in a folder are usually order alphabetically.\n\n- Always use full name instead of abbreviation in the name of your components. For example don’t use “UDSettings”, use instead “UserDashboardSettings”.\n\n**For more styleguides for Vue, come [here](https://learn-vuejs.github.io/vue-patterns/useful-links/)**\n\n\n*Fork and feel free to start*\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevrax%2Fvue-folder-structure","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevrax%2Fvue-folder-structure","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevrax%2Fvue-folder-structure/lists"}