{"id":23317591,"url":"https://github.com/vertocode/vuetage","last_synced_at":"2025-08-22T16:32:06.882Z","repository":{"id":205374721,"uuid":"714082686","full_name":"vertocode/vuetage","owner":"vertocode","description":"Vuetage is a library of custom Vue components designed to simplify and enhance your web development experience.","archived":false,"fork":false,"pushed_at":"2024-05-22T21:25:06.000Z","size":47224,"stargazers_count":4,"open_issues_count":2,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-05-23T01:11:37.307Z","etag":null,"topics":["bun","component","component-library","design-system","eslint","font-awesome","pre-commit","sass","scss","shell","storybook","storybook-testing","testing-library","typescript","vite","vitest","vue"],"latest_commit_sha":null,"homepage":"https://vuetage.vertocode.com","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/vertocode.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":"2023-11-03T21:59:36.000Z","updated_at":"2024-05-28T01:11:59.891Z","dependencies_parsed_at":"2023-11-14T16:45:36.851Z","dependency_job_id":"73ce256c-926f-4990-9944-9dd2f548959f","html_url":"https://github.com/vertocode/vuetage","commit_stats":null,"previous_names":["vertocode/vuerto"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vertocode%2Fvuetage","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vertocode%2Fvuetage/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vertocode%2Fvuetage/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vertocode%2Fvuetage/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vertocode","download_url":"https://codeload.github.com/vertocode/vuetage/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":230615418,"owners_count":18253968,"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":["bun","component","component-library","design-system","eslint","font-awesome","pre-commit","sass","scss","shell","storybook","storybook-testing","testing-library","typescript","vite","vitest","vue"],"created_at":"2024-12-20T16:34:43.963Z","updated_at":"2024-12-20T16:34:44.756Z","avatar_url":"https://github.com/vertocode.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [vuetage](https://vuetage.vertocode.com)\n\n\u003cp align=\"center\"\u003e\n  \u003cimg width=\"150\" src=\"./docs/logo.png\"\u003e\n  \u003cbr\u003e\n  \u003ca href=\"https://npm.im/vuetage\"\u003e\n    \u003cimg src=\"https://badgen.net/npm/v/vuetage?color=green\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://npm.im/vuetage\"\u003e\n    \u003cimg src=\"https://badgen.net/npm/dw/vuetage?color=green\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://npm.im/vuetage\"\u003e\n    \u003cimg src=\"https://badgen.net/npm/types/tslib?color=green\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://bundlephobia.com/result?p=vuetage\"\u003e\n    \u003cimg src=\"https://badgen.net/bundlephobia/minzip/vuetage?color=green\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://bundlephobia.com/result?p=vuetage\"\u003e\n    \u003cimg src=\"https://badgen.net/npm/license/vuetage?color=green\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\nVuetage is a library of custom Vue components designed to simplify and enhance your web development experience.\n\n\n## Installation\n\nYou can install the Vuetage library using your prefer package manager.\n\n### [Bun](https://bun.sh/)\n\n```bash\nbun i -D vuetage\n```\n\n## Usage\n\nAfter installing the Vuetage library, you can import the components you need in your Vue project.\n\n```js\nimport { BaseButton, BaseSelect, BaseTextField } from 'vuetage'\n```\n\nMake sure to include the component's markup in your Vue template:\n\n```vue\n\u003ctemplate\u003e\n  \u003cform @submit.prevent style=\"width: 240px; margin: 2em auto;\"\u003e\n      \u003cBaseTextField\n          label=\"Name\"\n          placeholder=\"Enter your name\"\n          v-model=\"name\"\n      /\u003e\n      \u003cBaseTextField\n          label=\"Email\"\n          placeholder=\"Enter your email\"\n          v-model=\"email\"\n      /\u003e\n      \u003cBaseSelect\n          label=\"Country\"\n          :options=\"countries\"\n          v-model=\"country\"\n      /\u003e\n      \u003cBaseButton\n          rightIcon=\"fa fa-rocket\"\n          size=\"small\"\n          :disabled=\"isDisabled\"\n          :loading=\"isLoading\"\n          @click=\"submit\"\n      \u003e\n        Submit form\n      \u003c/BaseButton\u003e\n  \u003c/form\u003e\n\u003c/template\u003e\n```\n\n\u003e NOTE\n\u003e \n\u003e There are a lot of props to modify the styles of component, this is just a default, you can edit the colors, size, effects, and add custom styles as you need.\n\nThe Result of this code will be:\n\n![Imgur](https://i.imgur.com/HdgLOzLm.png)\n\nIf you want to see it in action, you can check it on [storybook](https://vuetage-components.vertocode.com/?path=/story/doc-formexample--form-example).\n\nFor a more comprehensive understanding of each component's capabilities and usage, consult the [documentation](https://vuetage.vertocode.com).\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## Contributing\n\nContributions from the community are highly valued. Please review our [CONTRIBUTION](https://vuetage.vertocode.com/docs/contribute) for more information.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvertocode%2Fvuetage","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvertocode%2Fvuetage","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvertocode%2Fvuetage/lists"}