{"id":21190,"library":"eco-vue-js","title":"eco-vue-js","description":"A Vue 3 component library with Tailwind CSS integration, currently at v0.12.24. Ships TypeScript definitions. Provides reusable UI components like buttons, lists, tabs, and icons. Active development with frequent releases (multiple per month). Differentiators include automatic Tailwind preset support and Vue 3 composition API. Requires Vue >=3.5.30 and @tanstack/vue-query >=5.92.9 as peer dependencies. The library is not yet stable (pre-1.0) and may have breaking changes between minor versions.","status":"active","version":"0.12.24","language":"javascript","source_language":"en","source_url":"https://github.com/rsmple/eco-vue-js","tags":["javascript","typescript"],"install":[{"cmd":"npm install eco-vue-js","lang":"bash","label":"npm"},{"cmd":"yarn add eco-vue-js","lang":"bash","label":"yarn"},{"cmd":"pnpm add eco-vue-js","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Peer dependency. Vue 3 is required to use the library's components.","package":"vue","optional":false},{"reason":"Peer dependency. Used for data fetching (e.g., useQuery) within components.","package":"@tanstack/vue-query","optional":true}],"imports":[{"note":"Components are not exported as a barrel; each component must be imported from its specific path. TypeScript definitions are included.","wrong":"import WButton from 'eco-vue-js'","symbol":"WButton","correct":"import WButton from 'eco-vue-js/dist/components/Button/WButton.vue'"},{"note":"Icons are Vue components, not raw SVGs. Path must include '/dist/assets/'.","wrong":"import IconCheck from 'eco-vue-js/dist/icons/IconCheck'","symbol":"IconCheck","correct":"import IconCheck from 'eco-vue-js/dist/assets/icons/IconCheck'"},{"note":"The preset is directly importable from the package root. No folder nesting.","wrong":"import tailwindBase from 'eco-vue-js/dist/tailwind-base'","symbol":"tailwindBase","correct":"import tailwindBase from 'eco-vue-js/tailwind-base'"}],"quickstart":{"code":"// tailwind.config.js\nimport tailwindBase from 'eco-vue-js/tailwind-base'\n\nexport default {\n  presets: [tailwindBase],\n  content: [\n    ...tailwindBase.content,\n    './index.html',\n    './src/**/*.{vue,js,ts,jsx,tsx}',\n  ],\n}\n\n// App.vue\n<template>\n  <WButton>Click me</WButton>\n</template>\n\n<script setup>\nimport WButton from 'eco-vue-js/dist/components/Button/WButton.vue'\n</script>","lang":"typescript","description":"Tailwind preset setup and basic usage of the WButton component in a Vue 3 app."},"warnings":[{"fix":"Specify exact version in package.json: eco-vue-js@0.12.24","message":"Pre-1.0: breaking changes may occur in minor versions. Pin to exact version or use lockfile.","severity":"breaking","affected_versions":"<1.0.0"},{"fix":"Review release notes for component deprecations. Use codemod if provided.","message":"Some older components may have been removed or renamed without notice; check changelog before upgrading.","severity":"deprecated","affected_versions":">=0.12.0"},{"fix":"Use exact path: 'eco-vue-js/dist/components/Button/WButton.vue' instead of 'eco-vue-js'.","message":"Imports require full paths to .vue files; barrel exports are not available.","severity":"gotcha","affected_versions":">=0.1.0"},{"fix":"Import as 'eco-vue-js/dist/assets/icons/IconCheck'.","message":"Icons are imported as Vue components, not raw SVGs. Path must include '/dist/assets/icons/'.","severity":"gotcha","affected_versions":">=0.1.0"}],"env_vars":null,"last_verified":"2026-04-27T00:00:00.000Z","next_check":"2026-07-26T00:00:00.000Z","problems":[{"fix":"Import specific component: import WButton from 'eco-vue-js/dist/components/Button/WButton.vue'","cause":"Barrel import does not exist; all imports must be explicit paths.","error":"Module not found: Error: Can't resolve 'eco-vue-js'"},{"fix":"Ensure component is imported and included in components option or globally registered.","cause":"Component not registered locally or globally.","error":"Failed to resolve component: WButton"},{"fix":"Import from 'eco-vue-js/tailwind-base' (not from dist). Ensure package is installed.","cause":"Missing or misconfigured Tailwind preset import.","error":"Cannot find module 'eco-vue-js/tailwind-base'"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}