{"_id":"@agrisom/vue-components-ui","_rev":"4-0f56bf4389edf687e4121f457b6f0944","name":"@agrisom/vue-components-ui","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.1":{"name":"@agrisom/vue-components-ui","version":"1.0.1","keywords":["vue","vue components","vue framework","ui framework","ui library","components","component framework","component library"],"author":{"name":"Albert Griso Mendez","email":"albert.griso.mendez@gmail.com"},"license":"MIT","_id":"@agrisom/vue-components-ui@1.0.1","maintainers":[{"name":"agrisom","email":"albert.griso.mendez@gmail.com"}],"homepage":"https://vue-components-ui.netlify.app","bugs":{"url":"https://github.com/agrisom/vue-components-ui/issues"},"dist":{"shasum":"f9e7537b20b942c8ba4f131ec64d1b786f847631","tarball":"https://registry.npmjs.org/@agrisom/vue-components-ui/-/vue-components-ui-1.0.1.tgz","fileCount":351,"integrity":"sha512-XHXcN1iKNVomlaj4yVP55shyIMl+YHukdbLq4E4giym3WGpT55dvQY9RkM7XeFUnVbU26dtz6tNcfdtPAidTxw==","signatures":[{"sig":"MEYCIQD6ZjXVVItybiD+LvCtDPyE+Pd/n6eVU8r5eZkzOGQrTQIhANDWxqbjGKv4rHKMg8u53mHSyUCCzfx/qfRgu51l8eAd","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":2715661},"main":"./dist/vue-components-ui.cjs.js","types":"./dist/LibraryDeclaration.d.ts","module":"./dist/vue-components-ui.es.js","browser":{".":"./dist/vue-components-ui.es.js"},"exports":{".":{"import":"./dist/vue-components-ui.cjs.js","require":"./dist/vue-components-ui.es.js"},"./style.css":{"import":"./dist/style.css","require":"./dist/style.css"},"./sprite.svg":{"import":"./dist/sprite.svg","require":"./dist/sprite.svg"}},"gitHead":"02a83511e3323980fc992e571027bafee7783c6f","scripts":{"test":"vue-tsc --noEmit && npm run eslint","build":"npm run svg-sprite && vite build && vue-tsc --emitDeclarationOnly","eslint":"eslint --ext .js,.ts,.vue ./src","prebuild":"npm run test","storybook":"storybook dev -p 6006","svg-sprite":"node svg-sprite-generator.js","build-storybook":"storybook build"},"_npmUser":{"name":"agrisom","email":"albert.griso.mendez@gmail.com"},"repository":{"url":"git+https://github.com/agrisom/vue-components-ui.git","type":"git"},"_npmVersion":"11.5.1","description":"Vue 3 Component Library","directories":{},"_nodeVersion":"22.13.1","dependencies":{"vue":"^3.5.13","pinia":"^3.0.1","vue-router":"^4.5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.2.4","react":"^19.1.0","eslint":"^9.26.0","globals":"^16.1.0","vue-tsc":"^2.0.16","react-dom":"^19.1.0","storybook":"^8.6.11","@eslint/js":"^9.26.0","typescript":"^5.4.5","@types/node":"^22.13.15","sass-embedded":"^1.86.1","@storybook/test":"^8.6.11","@storybook/vue3":"^8.6.11","@storybook/blocks":"^8.6.11","eslint-plugin-vue":"^10.1.0","typescript-eslint":"^8.32.1","@storybook/theming":"^8.6.11","@vitejs/plugin-vue":"^5.2.3","storybook-dark-mode":"^4.0.2","@storybook/vue3-vite":"^8.6.11","svg-sprite-generator":"^0.0.7","@storybook/manager-api":"^8.6.11","eslint-plugin-storybook":"^0.12.0","rollup-plugin-typescript2":"^0.36.0","@storybook/addon-essentials":"^8.6.11","@vue/eslint-config-typescript":"^14.5.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-components-ui_1.0.1_1753714501165_0.0037922160620429413","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@agrisom/vue-components-ui","version":"1.0.2","keywords":["vue","vue components","vue framework","ui framework","ui library","components","component framework","component library"],"author":{"name":"Albert Griso Mendez","email":"albert.griso.mendez@gmail.com"},"license":"MIT","_id":"@agrisom/vue-components-ui@1.0.2","maintainers":[{"name":"agrisom","email":"albert.griso.mendez@gmail.com"}],"homepage":"https://vue-components-ui.netlify.app","bugs":{"url":"https://github.com/agrisom/vue-components-ui/issues"},"dist":{"shasum":"9a8bd92a1bef6fe664c8a9f5692e4ead343373b5","tarball":"https://registry.npmjs.org/@agrisom/vue-components-ui/-/vue-components-ui-1.0.2.tgz","fileCount":351,"integrity":"sha512-SLzrASqRZpq1yfZFSrl8wuk54T1SyrEiqh3hFWfz8NQfejbRTc35sZcBOIUbZpvsPoZzSH0HKfKAIvn73XY6cg==","signatures":[{"sig":"MEQCIEQQVsxuNtz/LhfL0+6/qLcrFjTRNTrAhp7F7UL7U4sZAiBP/LU1X9uJOp7r4ylSlGRr01WtE0uecAR8UCca5vxyBg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":2715670},"main":"dist/vue-components-ui.cjs.js","types":"dist/LibraryDeclaration.d.ts","module":"dist/vue-components-ui.es.js","browser":{".":"dist/vue-components-ui.es.js"},"exports":{".":{"import":"./dist/vue-components-ui.cjs.js","require":"./dist/vue-components-ui.es.js"},"./style.css":{"import":"./dist/style.css","require":"./dist/style.css"},"./sprite.svg":{"import":"./dist/sprite.svg","require":"./dist/sprite.svg"}},"gitHead":"02a83511e3323980fc992e571027bafee7783c6f","scripts":{"test":"vue-tsc --noEmit && npm run eslint","build":"npm run svg-sprite && vite build && vue-tsc --emitDeclarationOnly","eslint":"eslint --ext .js,.ts,.vue ./src","prebuild":"npm run test","storybook":"storybook dev -p 6006","svg-sprite":"node svg-sprite-generator.js","build-storybook":"storybook build"},"_npmUser":{"name":"agrisom","email":"albert.griso.mendez@gmail.com"},"repository":{"url":"git+https://github.com/agrisom/vue-components-ui.git","type":"git"},"_npmVersion":"11.5.1","description":"Vue 3 Component Library","directories":{},"_nodeVersion":"22.13.1","dependencies":{"vue":"^3.5.13","pinia":"^3.0.1","vue-router":"^4.5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.2.4","react":"^19.1.0","eslint":"^9.26.0","globals":"^16.1.0","vue-tsc":"^2.0.16","react-dom":"^19.1.0","storybook":"^8.6.11","@eslint/js":"^9.26.0","typescript":"^5.4.5","@types/node":"^22.13.15","sass-embedded":"^1.86.1","@storybook/test":"^8.6.11","@storybook/vue3":"^8.6.11","@storybook/blocks":"^8.6.11","eslint-plugin-vue":"^10.1.0","typescript-eslint":"^8.32.1","@storybook/theming":"^8.6.11","@vitejs/plugin-vue":"^5.2.3","storybook-dark-mode":"^4.0.2","@storybook/vue3-vite":"^8.6.11","svg-sprite-generator":"^0.0.7","@storybook/manager-api":"^8.6.11","eslint-plugin-storybook":"^0.12.0","rollup-plugin-typescript2":"^0.36.0","@storybook/addon-essentials":"^8.6.11","@vue/eslint-config-typescript":"^14.5.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-components-ui_1.0.2_1753716298798_0.4805935994484476","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@agrisom/vue-components-ui","version":"1.0.3","keywords":["vue","vue components","vue framework","ui framework","ui library","components","component framework","component library"],"author":{"name":"Albert Griso Mendez","email":"albert.griso.mendez@gmail.com"},"license":"MIT","_id":"@agrisom/vue-components-ui@1.0.3","maintainers":[{"name":"agrisom","email":"albert.griso.mendez@gmail.com"}],"homepage":"https://vue-components-ui.netlify.app","bugs":{"url":"https://github.com/agrisom/vue-components-ui/issues"},"dist":{"shasum":"a6920abd1ec43a1017f22f1757e092a2253aeb2a","tarball":"https://registry.npmjs.org/@agrisom/vue-components-ui/-/vue-components-ui-1.0.3.tgz","fileCount":351,"integrity":"sha512-e2R552eSjNkBbEszheskQc09SV4o2gFGxPgFKRWS892eZCMQNB9XmFP+HLPctRWKkLDLGp5zirb65bcmfTEqIw==","signatures":[{"sig":"MEUCICRZHjbKA8MmuMvNN4BAW/V4fu07vn6aCY89hnR9Cp4vAiEAs2YJ0SAUi2kNtMJbh8+LsBY0ZgGAqGpERDfEiVbxNRY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":2715668},"main":"dist/vue-components-ui.es.js","types":"dist/LibraryDeclaration.d.ts","module":"dist/vue-components-ui.es.js","browser":{".":"dist/vue-components-ui.es.js"},"exports":{".":{"import":"./dist/vue-components-ui.es.js","require":"./dist/vue-components-ui.es.js"},"./style.css":{"import":"./dist/style.css","require":"./dist/style.css"},"./sprite.svg":{"import":"./dist/sprite.svg","require":"./dist/sprite.svg"}},"gitHead":"02a83511e3323980fc992e571027bafee7783c6f","scripts":{"test":"vue-tsc --noEmit && npm run eslint","build":"npm run svg-sprite && vite build && vue-tsc --emitDeclarationOnly","eslint":"eslint --ext .js,.ts,.vue ./src","prebuild":"npm run test","storybook":"storybook dev -p 6006","svg-sprite":"node svg-sprite-generator.js","build-storybook":"storybook build"},"_npmUser":{"name":"agrisom","email":"albert.griso.mendez@gmail.com"},"repository":{"url":"git+https://github.com/agrisom/vue-components-ui.git","type":"git"},"_npmVersion":"11.5.1","description":"Vue 3 Component Library","directories":{},"_nodeVersion":"22.13.1","dependencies":{"vue":"^3.5.13","pinia":"^3.0.1","vue-router":"^4.5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.2.4","react":"^19.1.0","eslint":"^9.26.0","globals":"^16.1.0","vue-tsc":"^2.0.16","react-dom":"^19.1.0","storybook":"^8.6.11","@eslint/js":"^9.26.0","typescript":"^5.4.5","@types/node":"^22.13.15","sass-embedded":"^1.86.1","@storybook/test":"^8.6.11","@storybook/vue3":"^8.6.11","@storybook/blocks":"^8.6.11","eslint-plugin-vue":"^10.1.0","typescript-eslint":"^8.32.1","@storybook/theming":"^8.6.11","@vitejs/plugin-vue":"^5.2.3","storybook-dark-mode":"^4.0.2","@storybook/vue3-vite":"^8.6.11","svg-sprite-generator":"^0.0.7","@storybook/manager-api":"^8.6.11","eslint-plugin-storybook":"^0.12.0","rollup-plugin-typescript2":"^0.36.0","@storybook/addon-essentials":"^8.6.11","@vue/eslint-config-typescript":"^14.5.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-components-ui_1.0.3_1753716601726_0.5311798083634196","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@agrisom/vue-components-ui","version":"1.0.4","description":"Vue 3 Component Library","author":{"name":"Albert Griso Mendez","email":"albert.griso.mendez@gmail.com"},"homepage":"https://agrisom.dev","repository":{"type":"git","url":"git+https://github.com/agrisom/vue-components-ui.git"},"keywords":["vue","vue components","vue framework","ui framework","ui library","components","component framework","component library"],"publishConfig":{"access":"public"},"license":"MIT","main":"dist/vue-components-ui.es.js","module":"dist/vue-components-ui.es.js","exports":{".":"./dist/vue-components-ui.es.js","./style.css":"./dist/vue-components-ui.css","./sprite.svg":"./dist/sprite.svg"},"browser":{".":"dist/vue-components-ui.es.js"},"types":"dist/LibraryDeclaration.d.ts","scripts":{"prebuild":"npm run test","build":"npm run svg-sprite && vite build && vue-tsc --emitDeclarationOnly && tsc-alias","test":"vue-tsc --noEmit && npm run eslint","eslint":"eslint --ext .js,.ts,.vue ./src","svg-sprite":"node svg-sprite-generator.js","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"dependencies":{"pinia":"^3.0.1","vue":"^3.5.13","vue-router":"^4.5.0"},"devDependencies":{"@eslint/js":"^9.26.0","@storybook/addon-essentials":"^8.6.11","@storybook/blocks":"^8.6.11","@storybook/manager-api":"^8.6.11","@storybook/test":"^8.6.11","@storybook/theming":"^8.6.11","@storybook/vue3":"^8.6.11","@storybook/vue3-vite":"^8.6.11","@types/node":"^22.13.15","@vitejs/plugin-vue":"^5.2.3","@vue/eslint-config-typescript":"^14.5.0","eslint":"^9.26.0","eslint-plugin-storybook":"^0.12.0","eslint-plugin-vue":"^10.1.0","globals":"^16.1.0","react":"^19.1.0","react-dom":"^19.1.0","rollup-plugin-typescript2":"^0.36.0","sass-embedded":"^1.86.1","storybook":"^8.6.11","storybook-dark-mode":"^4.0.2","svg-sprite-generator":"^0.0.7","tsc-alias":"^1.8.16","typescript":"^5.4.5","typescript-eslint":"^8.32.1","vite":"^6.2.4","vue-tsc":"^2.0.16"},"_id":"@agrisom/vue-components-ui@1.0.4","gitHead":"02a83511e3323980fc992e571027bafee7783c6f","bugs":{"url":"https://github.com/agrisom/vue-components-ui/issues"},"_nodeVersion":"22.13.1","_npmVersion":"11.5.1","dist":{"integrity":"sha512-edITIsXeGRudG9yIHEdKQp2VYHMEcUXt8K3khgOZT5WP9ZrKjU7W/++ltFjnJf7iGI8nsiXvc74SyY6/z3Pmtg==","shasum":"d4e54cf9ad695684e13e2052ee7779aa6ef79c3c","tarball":"https://registry.npmjs.org/@agrisom/vue-components-ui/-/vue-components-ui-1.0.4.tgz","fileCount":351,"unpackedSize":2715778,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIHl2rwTwcgw6pYhIvSCjbPI6/8rcWa6bHEnDMUskby5gAiA2uSDoKJ/K+NrJb/cb0UaFdxSW/lV8l9oRVI3BicZVrw=="}]},"_npmUser":{"name":"agrisom","email":"albert.griso.mendez@gmail.com"},"directories":{},"maintainers":[{"name":"agrisom","email":"albert.griso.mendez@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vue-components-ui_1.0.4_1753718932752_0.6541549220050502"},"_hasShrinkwrap":false}},"time":{"created":"2025-07-28T14:55:01.054Z","modified":"2025-07-28T16:08:53.160Z","1.0.1":"2025-07-28T14:55:01.453Z","1.0.2":"2025-07-28T15:24:59.083Z","1.0.3":"2025-07-28T15:30:02.022Z","1.0.4":"2025-07-28T16:08:52.993Z"},"bugs":{"url":"https://github.com/agrisom/vue-components-ui/issues"},"author":{"name":"Albert Griso Mendez","email":"albert.griso.mendez@gmail.com"},"license":"MIT","homepage":"https://agrisom.dev","keywords":["vue","vue components","vue framework","ui framework","ui library","components","component framework","component library"],"repository":{"type":"git","url":"git+https://github.com/agrisom/vue-components-ui.git"},"description":"Vue 3 Component Library","maintainers":[{"name":"agrisom","email":"albert.griso.mendez@gmail.com"}],"readme":"<a href=\"https://github.com/agrisom\" title=\"agrisom\" target=\"_blank\">\n  <object data=\"/agrisom-logo-min.svg\" type=\"image/svg+xml\" style=\"max-width: 500px\">\n    <img src=\"public/agrisom-logo-min.svg\" alt=\"agrisom\" style=\"max-width: 500px\" />\n  </object>\n</a>\n\n<br>\n\n<a href=\"https://www.npmjs.com/package/vue-components-ui\" title=\"Total Downloads\">\n  <img src=\"https://img.shields.io/npm/dt/vue-components-ui.svg\" alt=\"Total Downloads\" />\n</a> \n<a href=\"https://www.npmjs.com/package/vue-components-ui?activeTab=versions\" title=\"Latest Release\">\n  <img src=\"https://img.shields.io/npm/v/vue-components-ui.svg\" alt=\"Latest Release\" />\n</a> \n<a href=\"https://github.com/agrisom/vue-components-ui/blob/master/LICENSE\" title=\"License\">\n  <img src=\"https://img.shields.io/npm/l/vue-components-ui.svg\" alt=\"License\" />\n</a>\n\n# Welcome to Vue Components UI\n\nWelcome to **Vue Components UI** – The ultimate library of customizable components designed to elevate your Vue projects to the next level!\n\nThis library contains everything you need to create an amazing Vue project in no time. All of the components are built using the latest technologies including Vue 3 (Script setup), Typescript, HTML and SCSS, making them the most consistent and reliable components available. With type checking, our components are designed to catch errors, save time and improve the quality of your code. Also the rollup offers optimizations like tree shaking to remove any component that hasn't been used.\nAll components are fully customizable and use props and slots to personalize every detail, while CSS variables help create unique styles that match your project's needs. \n\nWith Typescript, you can use extensions such as Volar and ESLint to autocomplete props, check errors, and more.\n\n> This library is currently under construction, but we'll be releasing new components as soon as they're tested and ready for use.\n\n## How it works\n\n- [x] Build tool [Vite](https://vitejs.dev/)\n- [x] Framework [Vue 3](https://vuejs.org/)\n- [x] Type system [TypeScript](https://www.typescriptlang.org/) / [Vue tsc](https://github.com/vuejs/language-tools)\n- [x] Build plugin [typescript2](https://github.com/ezolenko/rollup-plugin-typescript2)\n- [x] Vue script setup [SFC](https://vuejs.org/api/sfc-script-setup.html)\n- [x] Router [Vue router](https://router.vuejs.org/)\n- [x] Styling [SCSS](https://sass-lang.com/)\n- [x] Publish repository [npm](https://www.npmjs.com/package/vue-components-ui)\n- [x] Documentation [storybook](https://storybook.js.org/)\n\n## Collaborators\n\n<a href=\"https://github.com/agrisom\" title=\"agrisom\">\n  <img src=\"https://s.gravatar.com/avatar/fca9ce1022597e46e338155fbee56a4d?s=80\" alt=\"agrisom\" />\n</a>\n<br>\n<a href=\"https://es.linkedin.com/in/albert-griso-mendez\" target=\"_blank\">\n  <object data=\"/linkedin.png\" type=\"image/png\">\n    <img src=\"public/linkedin.png\" alt=\"Linkedin - Albert Griso Mendez\" />\n  </object>\n</a>\n\n## Installation\n\nThis library is published to the [npm repository](https://www.npmjs.com/package/vue-components-ui), making the installation process a breeze. Simply add this dependency, import styles and start developing.\n\n### Dependency: npm\n\nInstall the latest version:\n\n`npm install --save-dev vue-components-ui`\n\nOr import an especific version:\n\n`npm install --save-dev vue-components-ui#0.1.4`\n\n### Import styles\n\nAfter installing the dependency, import the CSS file to your main Vue instance or HTML head to use the library's styles.\nCustomize the look and feel of the components by rewriting the CSS variables to match your project's needs.\n\n**main.ts**\n\n```ts\nimport 'vue-components-ui/style.css';\n```\n\n## Usage\n\nAfter completing the installation steps we are ready to use the components.\nFor this, import them individually on demand. This approach ensures that components are loaded only when needed, minimizing the time it takes to load your page. In addition, Vue and Vite's tree-shaking feature will automatically exclude unused components from the final build.\n\n### Usage example\n\n**Page.vue**\n\n```html\n<script setup lang=\"ts\">\nimport { MyComponent } from 'vue-components-ui';\n</script>\n\n<template>\n  <MyComponent text=\"My Header\" color=\"green\"/>\n</template>\n```\n\n### Error checking and autocomplete\n\nUsing Typescript will not only make implementation easier, but also faster and more efficient, resulting in higher-quality code.\nWith extensions like Volar and ESLint, developers can easily manage props, catch errors, and even auto-complete code, making the development process more streamlined and efficient.\n\n<object data=\"/typescript.gif\" type=\"image/gif\">\n  <img src=\"public/typescript.gif\" alt=\"typescript\" />\n</object>\n\n## Repository\n\nAll the code is public on GitHub, so you can review, learn, and even improve it for your specific needs.\n\nCheck out the code on github, [agrisom/vue-components-ui](https://github.com/agrisom/vue-components-ui)\n\n## Documentation\n\nOur **Vue Components UI library** is fully documented and testable with Storybook, a user interface development environment for testing and showcasing interactive components. We've published a version of Storybook on Netlify, where you can access documentation for each component, as well as a playground and testing tools. This way, you can easily see how each component works, test it out for yourself, and integrate it into your Vue projects with confidence.\n\nAll components are testable and documented with storybook.\n\nA version of storybook is publish via netlify. There you will found documentation for every component along with a playground and testing tools\n\n[Vue Components UI - Documentation](https://vue-components-ui.netlify.app)","readmeFilename":"README.md"}