# `@toruslabs/vue-components`

Tor.us components for Vue 3.

## Tailwind compatibility

- `@toruslabs/vue-components@8.1.2+` targets Tailwind CSS v4.
- Tailwind CSS v3 consumers should stay on an older `@toruslabs/vue-components` version.

## Tailwind v4 setup (consumer apps)

Tailwind CSS v4 is CSS-first, so instead of using:

- `presets: [require("@toruslabs/vue-components/web3auth-base-preset")]`

import the raw theme source in your app-level Tailwind CSS file:

```css
@import "tailwindcss";
@import "@toruslabs/vue-components/web3auth-theme.css";

/* your app source */
@source "./index.html";
@source "./src";
```

If your app uses class-based dark mode, add:

```css
@custom-variant dark (&:is(.dark *));
```

For a precompiled stylesheet (no consumer-side Tailwind compilation), import:

```css
@import "@toruslabs/vue-components/tailwind-theme.css";
```