This module installs Tailwind, various composables and components (that match the EO design system) into your Nuxt application. Use it to quickly create a stunning UI.
-
Nuxt -
3.7.4
or newer
- Add
@eo/nuxt-ui
dependency to your project
With pnpm
pnpm add -D @eo/nuxt-ui
or, with npm
npm install -D @eo/nuxt-ui
- Add @eo/nuxt-ui to the modules array of nuxt.config.ts
export default {
modules: [
'@eo/nuxt-ui', {
/* optional module configuration */
})
],
}
- Clone this repository
git clone git@bitbucket.org:evangelischeomroep/nuxt-ui-module.git
- Run
pnpm install
- Run
pnpm story:dev
- Run
pnpm playground:dev
- Use
pnpm link --global
inside thenuxt-ui-module
repository to create a symbolic link. - Use
pnpm prepack
inside thenuxt-ui-module
repository to create a build folder. - Go to any Nuxt 3 project and use the symbolic link by running
pnpm link --global @eo/nuxt-ui
Make sure that both project folders are useing the same pnpm
and node
version
Use pnpm release
to deploy. Don't use pnpm publish
as this would break things as a pre-script is creating local symlinks