- Install
vueless
UI library packages.
npm install vueless
- In the file where you create the Vue application, add the following code:
import { createApp } from 'vue';
import { createVueless } from "vueless";
import App from './App.vue';
const vueless = createVueless();
createApp(App).use(vueless).mount('#app');
- Add TailwindCSS preset.
import { vuelessPreset } from "vueless/preset-tailwind";
export default {
presets: [vuelessPreset],
...
};
- Add Vite plugins.
import { Vueless, VuelessUnpluginComponents } from "vueless/plugin-vite";
export default defineConfig({
plugins: [
...
Vueless(),
VuelessUnpluginComponents(),
],
...
})
That's it! You can use components in your app now โจ