@antify/ui-module v1.6.0
Ui module
The antify ui module is a nuxt component library for applications based on tailwindcss.
Compared to other component libraries, antify ui ships a fixed defined ux. It also provides a set of helper functions to easly implement that ux.
The predefined ux defines, for example, what should happen if a requested entry is not found.
The ux definitions you can find in the repo's wiki.
Development
- Run
pnpm run dev:prepare
to generate type stubs. - Use
pnpm run dev
to start playground in development mode.
Storybook
Start
pnpm storybook
Build
pnpm build-storybook
Update Chromatic Build
pnpm chromatic
Useful links:
- Chromatic docu: https://www.chromatic.com/docs/
- Storybook docu: https://storybook.js.org/docs/vue/get-started/introduction
Additional
SSR
SSR is not included in the UX definition, because applications does not require SSR. To keep the UX as simple as possible, we decided to not support SSR.
Known issues
Using this module as pnpm linked dependency
Pnpm link does not work for local development, because the tailwindcss module can not get installed outside of this project. An error "Cannot find module 'tailwindcss'" will be thrown.
Use file link instead:
"peerDependecies": {
"@antify/ui-module": "file:../ui-module"
}
Keep in mind to reinstall the module after every change.
Also add the following to your nuxt.config.ts
:
/**
* Allow using packages outside the project dir with "link:../../example-package".
* Without strict, vite would throw 403 error.
*/
vite: {
server: {
fs: {
strict: false,
}
}
}