{"id":16988755,"url":"https://github.com/seho-dev/vue-sfc-composition-area","last_synced_at":"2026-05-16T18:33:05.554Z","repository":{"id":125987376,"uuid":"591556717","full_name":"seho-dev/vue-sfc-composition-area","owner":"seho-dev","description":"This is a Vscode plugin that assists Vue developers in writing better Composition API business logic with a Regional Mindset","archived":false,"fork":false,"pushed_at":"2023-03-09T14:45:30.000Z","size":4758,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-03-29T21:45:36.226Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/seho-dev.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"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":"2023-01-21T04:31:12.000Z","updated_at":"2023-05-21T15:08:57.000Z","dependencies_parsed_at":null,"dependency_job_id":"fd807a60-6382-4f24-b131-0230e18986eb","html_url":"https://github.com/seho-dev/vue-sfc-composition-area","commit_stats":{"total_commits":20,"total_committers":1,"mean_commits":20.0,"dds":0.0,"last_synced_commit":"d7e2d9f83facd4a3dc49dd244d55401f5bc5f632"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/seho-dev/vue-sfc-composition-area","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seho-dev%2Fvue-sfc-composition-area","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seho-dev%2Fvue-sfc-composition-area/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seho-dev%2Fvue-sfc-composition-area/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seho-dev%2Fvue-sfc-composition-area/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/seho-dev","download_url":"https://codeload.github.com/seho-dev/vue-sfc-composition-area/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seho-dev%2Fvue-sfc-composition-area/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33114215,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-16T04:41:52.686Z","status":"ssl_error","status_checked_at":"2026-05-16T04:41:52.009Z","response_time":115,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: 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-10-14T03:04:42.544Z","updated_at":"2026-05-16T18:33:05.539Z","avatar_url":"https://github.com/seho-dev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vue-sfc-composition-area\n\n\u003cdiv align=center\u003e\n  \u003cimg width=\"30%\" height=\"30%\" alt=\"Group 4\" src=\"https://user-images.githubusercontent.com/35763284/214764870-7a7c3947-1436-403b-96a2-a4a9f5952794.png\"\u003e\n\n\u003c/div\u003e\n\n[中文文档](https://github.com/1018715564/vue-sfc-composition-area/blob/main/README_CN.md)\n\nThis is a Vscode plugin that assists Vue developers in writing better **Composition API** business logic with a **Regional Mindset**\n\n\u003cdiv align=center\u003e\n  \u003cimg src=\"https://static.yinzhuoei.com/typecho/2023/01/25/578581116537861/1635527518options-vs-composition-api.png\"\u003e\u003c/img\u003e\n\u003c/div\u003e\n\n\n## How to use\n\nAfter searching for [vue-sfc-composition-area](https://marketplace.visualstudio.com/items?itemName=swordjs.vue-sfc-composition-area) in the vscode extension and installing it; you will see the window in the lower left corner of the vscode explorer, which you can use to create your **Composition API** logic\n\n\n## Features\n\nNo matter how long your vue file is, you can **quickly** find your business logic, and you can give each area a corresponding level of importance so that it can be categorized, and the different levels will be displayed differently in the small window\n\n\n## Quick Preview\n\nhttps://user-images.githubusercontent.com/35763284/214604500-11ffd85c-aa15-44c0-9f9f-5a00f3adabf4.mp4\n\n\n## Unfinished Business\n\n- Add smart cache mode for unnecessary AST analysis\n- Support drag and drop area window for code order adjustment\n- Nested support\n\n## Principle\n\nScript AST for Vue files to calculate the start and end positions of special tags, using the Vue responsive core inside the source code\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseho-dev%2Fvue-sfc-composition-area","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fseho-dev%2Fvue-sfc-composition-area","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseho-dev%2Fvue-sfc-composition-area/lists"}