Nuxt HeadlessUi Float
Nuxt module wrapper for the @headlessui-float/vue package.
Quick Setup
- Add
nuxt-headlessui-floatdependency to your project
# Using pnpm
pnpm add -D nuxt-headlessui-float
# Using yarn
yarn add --dev nuxt-headlessui-float
# Using npm
npm install --save-dev nuxt-headlessui-float- Add
nuxt-headlessui-floatto themodulessection ofnuxt.config.ts
export default defineNuxtConfig({
modules: [
[
'nuxt-headlessui-float',
{
prefix: 'Headless', // optional settings, remove to leave as the default "Headless"
},
],
]
})Usage
You will now have the <HeadlessFloat> component available in your Nuxt app.
See the @headlessui-float/vue package for documentation
Development
# Install dependencies
npm install
# Generate type stubs
npm run dev:prepare
# Develop with the playground
npm run dev
# Build the playground
npm run dev:build
# Run ESLint
npm run lint
# Run Vitest
npm run test
npm run test:watch
# Release new version
npm run release