A set of vue 3 libraries to be used in our monorepo apps.
Please find out demo app for examples.
- @dzangolab/vue3-config (https://www.npmjs.com/package/@dzangolab/vue3-config)
- @dzangolab/vue3-form (https://www.npmjs.com/package/@dzangolab/vue3-form)
- @dzangolab/vue3-i18n (https://www.npmjs.com/package/@dzangolab/vue3-i18n)
- @dzangolab/vue3-layout (https://www.npmjs.com/package/@dzangolab/vue3-layout)
- @dzangolab/vue3-tanstack-table (https://www.npmjs.com/package/@dzangolab/vue3-tanstack-table)
- @dzangolab/vue3-ui (https://www.npmjs.com/package/@dzangolab/vue3-ui)
- @dzangolab/vue3-user (https://www.npmjs.com/package/@dzangolab/vue3-user)
Install dependencies recursively with this command
make install
make build
make lint
make typecheck
make test
The best way to verify the changes done to the libraries is to test them locally before releasing them. To test libraries locally link each libraries to the vue-app
using pnpm link
command. More on pnpm link.
To link and unlink the library locally run these commands from the vue-app
where you are linking the library:
pnpm link ./<path_to_libraries_monorepo>/packages/<library_name>
To unlink the linked library
pnpm unlink ./<path_to_libraries_monorepo>/packages/<library_name>
make dev
- Make sure that
package.json
andpnpm-lock.yml
are synchronized. - You may need to restart your vue-app before link and unlink to see the changes.
- All the libraries that defines or uses context has to be linked in order to link one libraries that use the context or defines it.