On this page

Nuxt

Install the Nuxt module for Headless UI Float:

npmyarnpnpm

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:

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>

Nuxt #