Nuxt Bits

Nuxt 3 module for Vue Bits

This module is still a WIP

Features

• Auto import Vue Bits components
• SSR ready
• Powered by TypeScript

Quick Setup

Install the module to your Nuxt application with one command:

npx nuxi module add nuxt-bits

That's it! You can now use Nuxt Bits in your Nuxt app ✨

Usage

Just refer to the official documentation. Instead of installing components manually or with jsrepo, simply import the component prefixed with "Bits", for example:

• Split Text -> BitsSplitText
• True Focus -> BitsTrueFocus
• and so on...

Component prefix in customizable in the nuxt config, by creating a custom configuration:

// nuxt.config.ts

export default defineNuxtConfig({
	modules: ["nuxt-bits"],
	bits: {
		prefix: "Foo" // BitsSplitText -> FooSplitText
	}
	// ...
});

Find out an example in the playground

Contribution

Local development

# Install dependencies
pnpm install

# Generate type stubs
pnpm run dev:prepare

# Develop with the playground
pnpm run dev

# Build the playground
pnpm run dev:build

# Run ESLint
pnpm run lint

# Release new version
pnpm run release

Credits

Ported Vue components by DavidHDev, author of the original React Bits