{"id":14982797,"url":"https://github.com/zcf0508/vue-hook-optimizer","last_synced_at":"2025-04-05T21:05:14.251Z","repository":{"id":186642044,"uuid":"675325311","full_name":"zcf0508/vue-hook-optimizer","owner":"zcf0508","description":"🌟 Analyze your components, and provide suggestions for modification.","archived":false,"fork":false,"pushed_at":"2025-03-25T03:27:33.000Z","size":4804,"stargazers_count":98,"open_issues_count":0,"forks_count":4,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-29T20:02:30.381Z","etag":null,"topics":["eslint","javascript","react","typescript","vscode-extension","vue"],"latest_commit_sha":null,"homepage":"https://vue-hook-optimizer.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zcf0508.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","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},"funding":{"ko_fi":"huali58081","custom":["https://afdian.net/a/huali08"]}},"created_at":"2023-08-06T14:52:25.000Z","updated_at":"2025-03-25T03:27:36.000Z","dependencies_parsed_at":null,"dependency_job_id":"a9d6cb45-b277-4f29-be77-6466b53b7236","html_url":"https://github.com/zcf0508/vue-hook-optimizer","commit_stats":{"total_commits":254,"total_committers":4,"mean_commits":63.5,"dds":"0.055118110236220486","last_synced_commit":"30eb16c3191f76d2ae8cda0c2225400e50338e27"},"previous_names":["zcf0508/vue-hook-optimizer"],"tags_count":62,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zcf0508%2Fvue-hook-optimizer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zcf0508%2Fvue-hook-optimizer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zcf0508%2Fvue-hook-optimizer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zcf0508%2Fvue-hook-optimizer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zcf0508","download_url":"https://codeload.github.com/zcf0508/vue-hook-optimizer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247399871,"owners_count":20932876,"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":["eslint","javascript","react","typescript","vscode-extension","vue"],"created_at":"2024-09-24T14:06:06.418Z","updated_at":"2025-04-05T21:05:14.229Z","avatar_url":"https://github.com/zcf0508.png","language":"TypeScript","funding_links":["https://ko-fi.com/huali58081","https://afdian.net/a/huali08"],"categories":["TypeScript"],"sub_categories":[],"readme":"[![NPM version](https://img.shields.io/npm/v/vue-hook-optimizer?color=a1b858\u0026label=)](https://www.npmjs.com/package/vue-hook-optimizer)\n\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=zcf0508.vue-hook-optimizer-ext\" target=\"__blank\"\u003e\u003cimg src=\"https://img.shields.io/visual-studio-marketplace/v/zcf0508.vue-hook-optimizer-ext.svg?color=eee\u0026amp;label=VS%20Code%20Marketplace\u0026logo=visual-studio-code\" alt=\"Visual Studio Marketplace Version\" /\u003e\u003c/a\u003e\n\n[中文文档](./README_cn.md)\n\nThis is a tool to analyze your components code. It supports `Vue` and `React`. Viste [playground](vue-hook-optimizer.vercel.app/) or try the vscode extension [vue-hook-optimizer-ext](https://marketplace.visualstudio.com/items?itemName=zcf0508.vue-hook-optimizer-ext).\n\n## Install And Run Playground\n\n```bash\n# clone the repo then install the dependencies\npnpm install\n# run the playground\npnpm run play\n```\n\nOpen the browser and visit `http://localhost:3000/`.\n\n## How To Use\n\n1. paste your component code into the editor\n\n2. click `Analyze` button\n\nThe tool will analyze the code, and show the relations between the variables and the methods. This is a simple demo.\n\n![playground](./images/playground1.png)\n\n## Motive\n\nSometime we have to refactor the code, maybe there are thousands of lines of code in one file.\nAnd it is too complex and hard to understand.\n\nSo I want to build a tool to help us analyze the code, and find the relations between the variables and the methods.\nWe can find out some variables are isolated, and some methods are over-association, and then we can refactor them.\n\n## Development Plan\n\n- [x] add more info, including the variable type, comment, whether has been used in template or hook methods\n- [x] provide some suggestions for optimization\n- [x] support `options api`\n- [x] [vscode extension](./packages/vscode)\n- [x] support `React`\n- [x] eslint rules\n- [x] mcp server\n\n## Contribution\n\nAny contributions are welcome.\n\n## Sponsor Me\n\nIf you like this tool, please consider to sponsor me. I will keep working on this tool and add more features.\n\n![sponsor](./images/sponsor.png)\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzcf0508%2Fvue-hook-optimizer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzcf0508%2Fvue-hook-optimizer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzcf0508%2Fvue-hook-optimizer/lists"}