eco-vue-js

library0.12.24jsnpmunverified

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.

web-framework

npm install eco-vue-js

github ↗package ↗

INSTALL

IMPORT

SIG · ECO-VUE-JS

eco-vue-js

web-frameworkjavascriptv0.12.24

Install

—

Import

—

Disk

—

Pass rate

0/ 6

Env Coverage0 / 6

glibc

18–22

musl

18–22

Install & Compatibility

Where this runs

tested against v? · npm install

Install × environment matrix

Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux

musl

node 18–223 runs

build_error

glibc

node 18–223 runs

build_error

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

WButton

✓ import WButton from 'eco-vue-js/dist/components/Button/WButton.vue'

✗ import WButton from 'eco-vue-js'

Components are not exported as a barrel; each component must be imported from its specific path. TypeScript definitions are included.

IconCheck

✓ import IconCheck from 'eco-vue-js/dist/assets/icons/IconCheck'

✗ import IconCheck from 'eco-vue-js/dist/icons/IconCheck'

Icons are Vue components, not raw SVGs. Path must include '/dist/assets/'.

tailwindBase

✓ import tailwindBase from 'eco-vue-js/tailwind-base'

✗ import tailwindBase from 'eco-vue-js/dist/tailwind-base'

The preset is directly importable from the package root. No folder nesting.

Tailwind preset setup and basic usage of the WButton component in a Vue 3 app.

// tailwind.config.js import tailwindBase from 'eco-vue-js/tailwind-base' export default { presets: [tailwindBase], content: [ ...tailwindBase.content, './index.html', './src/**/*.{vue,js,ts,jsx,tsx}', ], } // App.vue <template> <WButton>Click me</WButton> </template> <script setup> import WButton from 'eco-vue-js/dist/components/Button/WButton.vue' </script>

Debug

Known issues

breakingPre-1.0: breaking changes may occur in minor versions. Pin to exact version or use lockfile.

fix

Specify exact version in package.json: eco-vue-js@0.12.24

affects: <1.0.0

deprecatedSome older components may have been removed or renamed without notice; check changelog before upgrading.

fix

Review release notes for component deprecations. Use codemod if provided.

affects: >=0.12.0

gotchaImports require full paths to .vue files; barrel exports are not available.

fix

Use exact path: 'eco-vue-js/dist/components/Button/WButton.vue' instead of 'eco-vue-js'.

affects: >=0.1.0

gotchaIcons are imported as Vue components, not raw SVGs. Path must include '/dist/assets/icons/'.

fix

Import as 'eco-vue-js/dist/assets/icons/IconCheck'.

affects: >=0.1.0

Errors

Common errors & fixes

Module not found: Error: Can't resolve 'eco-vue-js'

Barrel import does not exist; all imports must be explicit paths.

fix

Import specific component: import WButton from 'eco-vue-js/dist/components/Button/WButton.vue'

Failed to resolve component: WButton

Component not registered locally or globally.

fix

Ensure component is imported and included in components option or globally registered.

Cannot find module 'eco-vue-js/tailwind-base'

Missing or misconfigured Tailwind preset import.

fix

Import from 'eco-vue-js/tailwind-base' (not from dist). Ensure package is installed.

Upgrade

Version history

0.12.24latest on npm

Audit

Dependencies

vuerequiredPeer dependency. Vue 3 is required to use the library's components.

@tanstack/vue-queryoptionalPeer dependency. Used for data fetching (e.g., useQuery) within components.

Agent activity

2 hits · last 30 days

node

Resources

githubhttps://github.com/rsmple/eco-vue-js ↗

packagehttps://www.npmjs.com/package/eco-vue-js ↗