https://github.com/vuelessjs/vueless-module-nuxt
Nuxt Styleless UI Component Library, powered by Tailwind CSS 💚
https://github.com/vuelessjs/vueless-module-nuxt
a11y design-system headlessui nuxt nuxt-ui nuxt3 nuxtjs nuxtui styleless tailwindcss ui-components ui-library vite vue vue-components vue-datepicker vue-library vue-select vue-table vue3
Last synced: 4 months ago
JSON representation
Nuxt Styleless UI Component Library, powered by Tailwind CSS 💚
- Host: GitHub
- URL: https://github.com/vuelessjs/vueless-module-nuxt
- Owner: vuelessjs
- License: mit
- Created: 2024-09-08T14:51:41.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-01T15:13:44.000Z (8 months ago)
- Last Synced: 2025-04-01T15:23:36.376Z (8 months ago)
- Topics: a11y, design-system, headlessui, nuxt, nuxt-ui, nuxt3, nuxtjs, nuxtui, styleless, tailwindcss, ui-components, ui-library, vite, vue, vue-components, vue-datepicker, vue-library, vue-select, vue-table, vue3
- Language: Vue
- Homepage: https://vueless.com
- Size: 2.83 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Vueless Nuxt Module
## Quick Setup
1. Install Vueless Nuxt Module to your project.
```bash
npm i @vueless/nuxt
npx vueless init
```
2. Register `@vueless/nuxt` into the Nuxt config modules section in `nuxt.config.{ts,js}`
```js
export default defineNuxtConfig({
modules: [
'@vueless/nuxt'
],
...
})
```
3. Import Tailwind CSS and Vueless at the top of the main CSS file.
```scss
@import "tailwindcss";
@import "vueless";
```
That's it! You can now use Vueless in your Nuxt app ✨