{"id":29669984,"url":"https://github.com/codepaintstudio/vuedir","last_synced_at":"2025-07-22T19:05:50.745Z","repository":{"id":277709981,"uuid":"932011855","full_name":"codepaintstudio/vuedir","owner":"codepaintstudio","description":"VueDir is a lightweight library of custom directives for Vue.js.","archived":false,"fork":false,"pushed_at":"2025-06-16T08:10:25.000Z","size":19923,"stargazers_count":18,"open_issues_count":13,"forks_count":8,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-20T17:09:30.713Z","etag":null,"topics":["composition-api","directives","plugin","typescript","vue","vue3"],"latest_commit_sha":null,"homepage":"https://vuedir.feashow.cn/","language":"TypeScript","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/codepaintstudio.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-02-13T08:12:27.000Z","updated_at":"2025-05-27T17:28:17.000Z","dependencies_parsed_at":"2025-02-15T16:15:22.408Z","dependency_job_id":"538da7b5-005d-487c-8d10-5e5cb95200af","html_url":"https://github.com/codepaintstudio/vuedir","commit_stats":null,"previous_names":["codepaintstudio/vuedir"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/codepaintstudio/vuedir","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codepaintstudio%2Fvuedir","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codepaintstudio%2Fvuedir/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codepaintstudio%2Fvuedir/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codepaintstudio%2Fvuedir/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codepaintstudio","download_url":"https://codeload.github.com/codepaintstudio/vuedir/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codepaintstudio%2Fvuedir/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266554390,"owners_count":23947327,"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","status":"online","status_checked_at":"2025-07-22T02:00:09.085Z","response_time":66,"last_error":null,"robots_txt_status":null,"robots_txt_updated_at":null,"robots_txt_url":"https://github.com/robots.txt","online":true,"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":["composition-api","directives","plugin","typescript","vue","vue3"],"created_at":"2025-07-22T19:05:49.943Z","updated_at":"2025-07-22T19:05:50.723Z","avatar_url":"https://github.com/codepaintstudio.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 📡 VueDir\n\n\u003cp align=\"center\"\u003e\n  \u003cimg width=\"180\" src=\"./docs/public/logo.jpg\" alt=\"VueDir logo\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.npmjs.com/package/@cp-vuedir/core\"\u003e\u003cimg src=\"https://img.shields.io/npm/v/@cp-vuedir/core.svg\" alt=\"Version\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/@cp-vuedir/core\"\u003e\u003cimg src=\"https://img.shields.io/npm/dm/@cp-vuedir/core.svg\" alt=\"Downloads\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/CodePaintStudio/vuedir/blob/main/LICENSE\"\u003e\u003cimg src=\"https://img.shields.io/npm/l/@cp-vuedir/core.svg\" alt=\"License\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\nEnglish | [简体中文](./README.zh.md)\n\nVueDir is a lightweight collection of Vue 3 directives designed to provide a set of practical custom directives that help developers build Vue applications more efficiently.\n\n## ✨ Features\n\n- 🎯 **Focus Directive**: Provides v-focus directive for automatic focus functionality\n- 🎨 **Lightweight**: Import on demand, no extra bundle size\n- 🔧 **Easy to Use**: Simple API design for quick adoption\n- 📦 **TypeScript**: Written in TypeScript with complete type support\n\n## 📦 Installation\n\nInstall with pnpm (recommended):\n\n```bash\npnpm add @cp-vuedir/core\n```\n\n\u003e Note: Make sure you have [pnpm installed](https://pnpm.io/installation) before running this command.\n\n## 🚀 Usage\n\nRegister VueDir in your Vue application:\n\n```ts\nimport { createApp } from 'vue'\nimport VueDir from '@cp-vuedir/core'\n\nconst app = createApp(App)\napp.use(VueDir)\napp.mount('#app')\n```\n\nOr import individual directives:\n\n```ts\nimport { createApp } from 'vue'\nimport { vFocus, vDrag } from '@cp-vuedir/core'\n\nconst app = createApp(App)\napp.directive('focus', vFocus)\napp.directive('drag', vDrag)\napp.mount('#app')\n```\n\n## 📖 Documentation\n\nVisit our [official documentation](https://vuedir.feashow.cn/) for more information.\n\n## 🤝 Contributing\n\nWe welcome all forms of contributions! Please check our [Contributing Guide](./CONTRIBUTING.md) to learn how to get involved.\n\n### Development Setup\n\n```bash\n# Make sure you have pnpm installed (https://pnpm.io/installation)\nnpm install -g pnpm\n\n# Clone the repo\ngit clone https://github.com/CodePaintStudio/vuedir\ncd vuedir\n\n# Install dependencies\npnpm install\n\n# Start development environment\npnpm dev\n```\n\n### Code Formatting\n\nThis project uses Prettier for code formatting. You can format your code by running:\n\n```bash\n# Format all files\npnpm format\n\n# Check if files are correctly formatted\npnpm format:check\n```\n\nThe Prettier configuration is defined in `.prettierrc` at the project root.\n\n## 📄 License\n\nVueDir is open-source software licensed under the MIT License. See the [MIT License](https://github.com/CodePaintStudio/codepaint/blob/main/LICENSE) file for more details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodepaintstudio%2Fvuedir","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodepaintstudio%2Fvuedir","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodepaintstudio%2Fvuedir/lists"}