Skip to content

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.