{"id":13532725,"url":"https://github.com/yatendra121/vq-vuetify","last_synced_at":"2025-10-08T21:37:31.419Z","repository":{"id":57393962,"uuid":"434091002","full_name":"yatendra121/vq-vuetify","owner":"yatendra121","description":"An extendable library of Vuetify components.","archived":false,"fork":false,"pushed_at":"2025-06-25T11:58:48.000Z","size":1470,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-08T10:55:00.597Z","etag":null,"topics":["typescript","validation","vue3","vuejs","vuetify"],"latest_commit_sha":null,"homepage":"https://qnx-vuetify-docs.vercel.app/","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/yatendra121.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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,"zenodo":null},"funding":{"github":["yatendra121"]}},"created_at":"2021-12-02T05:16:09.000Z","updated_at":"2025-10-03T19:17:22.000Z","dependencies_parsed_at":"2023-10-11T19:01:28.847Z","dependency_job_id":"3eef9762-8bcf-4709-b359-dbb7df5a78e7","html_url":"https://github.com/yatendra121/vq-vuetify","commit_stats":{"total_commits":68,"total_committers":4,"mean_commits":17.0,"dds":"0.47058823529411764","last_synced_commit":"aa887deefdc91071aed042a235ecab99ad173ae7"},"previous_names":[],"tags_count":46,"template":false,"template_full_name":null,"purl":"pkg:github/yatendra121/vq-vuetify","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yatendra121%2Fvq-vuetify","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yatendra121%2Fvq-vuetify/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yatendra121%2Fvq-vuetify/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yatendra121%2Fvq-vuetify/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yatendra121","download_url":"https://codeload.github.com/yatendra121/vq-vuetify/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yatendra121%2Fvq-vuetify/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279000706,"owners_count":26082838,"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-10-08T02:00:06.501Z","response_time":56,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","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":["typescript","validation","vue3","vuejs","vuetify"],"created_at":"2024-08-01T07:01:13.250Z","updated_at":"2025-10-08T21:37:31.397Z","avatar_url":"https://github.com/yatendra121.png","language":"TypeScript","funding_links":["https://github.com/sponsors/yatendra121"],"categories":["🙌 Projects using Vuetify \u003ca name=\"projects\"\u003e\u003c/a\u003e"],"sub_categories":["Vuetify 3"],"readme":"# @qnx/vuetify\n\n`@qnx/vuetify` is a Vue.js library designed to simplify Vuetify form, streamlining code and handling various processes internally, including validation, data set management, and server data submission. This approach aims to reduce code complexity and promote clean and manageable code.\n\n## Example\n\nTo see examples of components provided by @qnx/vuetify, please visit [here](https://qnx-vuetify-sample.vercel.app/). For complete documentation, visit [@qnx/vuetify Documentation](https://qnx-vuetify-docs.vercel.app/).\n\n## Installation\n\nUse the package manager [npm](https://www.npmjs.com/) to install @qnx/vuetify.\n\n```bash\nnpm install @qnx/vuetify\n```\n\nYou can also use [yarn](https://yarnpkg.com/), [pnpm](https://pnpm.io/), or [bun](https://bun.sh/)\n\n```bash\nyarn add @qnx/vuetify\n```\n\n```bash\npnpm install @qnx/vuetify\n```\n\n```bash\nbun install @qnx/vuetify\n```\n\n#### Peer-Dependencies\n\n@qnx/vuetify resolves problems internally and depends on some other libraries.\n\n```bash\nnpm install vuetify@latest @qnx/composables @vee-validate yup axios\n```\n\n## Usage\n\n```bash\n\u003cscript setup\u003e\nimport { VqForm, VqTextField } from '@qnx/vuetify'\nimport { object, string } from 'yup';\n\nlet validationSchema= object({\n  name: string().required(),\n  email: string().required().email(),\n});\n\nconst initialValues = { name:'Test User', email:'test@gmail.com' }\n\nconst onSuccess = (res) =\u003e { console.log(res) }\n\n\u003c/script\u003e\n\u003ctemplate\u003e\n \u003cVqForm\n    action=\"user/create\"\n    method=\"POST\"\n    :validation-schema=\"validationSchema\"\n    :initial-values=\"initialValues\"\n    @submited-success=\"onSuccess\"\n  \u003e\n    \u003cvq-text-field\n      name=\"name\"\n      label=\"Name\"\n      placeholder=\"Name\"\n    /\u003e\n    \u003cvq-text-field\n      name=\"email\"\n      label=\"Email\"\n      placeholder=\"Email\"\n    /\u003e\n    \u003cbutton type=\"submit\"\u003eSubmit\u003c/button\u003e\n \u003cVqForm /\u003e\n\u003c/template\u003e\n```\n\n## Components\n\nHere's a list of components provided by @qnx/vuetify:\n\n### Vuetify Form Components:\n\n- VqTextField\n- VqTextarea\n- VqAutocomplete\n- VqFileInput\n- VqForm\n- VqCheckbox\n- VqDatePicker\n- VqTimePicker\n- VqColorPicker\n- VqOtpInput\n- VqSubmitBtn\n\n### Other Components:\n\n- VqDataTable\n- VqSerialNo\n- VqList\n- VqTableFilter\n- VqListLoadMoreBtn\n\n### Integration Components:\n\n- VqTextEditor\n\n## Composables\n\n- useVqForm\n- collectVqHeaders\n- useVqList\n\nAdditionally, @qnx/vuetify extends existing components that are specifically useful in the context of forms. The library also includes additional components designed for displaying data. Overall, it appears to be a comprehensive solution for simplifying the implementation of forms and managing data presentation within Vuetify-based applications.\n\n## Contributing\n\nPull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.\n\nPlease make sure to update tests as appropriate.\n\n## License\n\n[MIT License](https://github.com/yatendra121/vq-vuetify/blob/main/LICENSE.md) © 2023-PRESENT [Yatendra Kushwaha](https://github.com/yatendra121)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyatendra121%2Fvq-vuetify","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyatendra121%2Fvq-vuetify","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyatendra121%2Fvq-vuetify/lists"}