@toruslabs/vue-components

@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:

@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:

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

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

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