Quick start (Vue)

1. Install Vueless package.

npm

npm install vueless
npx vueless init

yarn

yarn add vueless
yarn vueless init

pnpm

pnpm add vueless
pnpm exec vueless init

bun

bun add vueless
bunx vueless init

2. In the file where you create the Vue application, add the following code:

main.{js,ts}

import { createApp } from 'vue';
import { createVueless } from "vueless";
import App from './App.vue';

const vueless = createVueless();

createApp(App).use(vueless).mount('#app');

3. Install and configure TailwindCSS (if not already done) and add vuelessPreset.

tailwind.config.{js,ts}

import { vuelessPreset } from "vueless/preset-tailwind";

export default {
  presets: [vuelessPreset],
  ...
};

4. Add Vite plugins.

vite.config.{js,ts}

import { Vueless, VuelessUnpluginComponents } from "vueless/plugin-vite";

export default defineConfig({
  plugins: [
    ...
    Vueless(),
    VuelessUnpluginComponents(),
  ],
  ...
});

That’s it! Vueless is now ready to use in your app ✨