Skip to content

This package is unmaintained due to lack of time. It should mostly work but do not expect fixes or new features.

Nuxt

Install the Nuxt module for Headless UI Float:

bash
npm i -D @headlessui-float/nuxt
bash
yarn add -D @headlessui-float/nuxt
bash
pnpm add -D @headlessui-float/nuxt

Add @headlessui-float/nuxt module into nuxt.config.ts:

js
export default defineNuxtConfig({
  modules: ['@headlessui-float/nuxt'],
})

Now you can use <Float> components as you want without explicit importing in Nuxt:

vue
<template>
  <Float>
    ...
    <FloatArrow />
  </Float>
</template>

Released under the MIT License.