On this page

Nuxt

安裝 Headless UI Float 的 Nuxt 模組：

npmyarnpnpm

bash

npm i -D @headlessui-float/nuxt

bash

yarn add -D @headlessui-float/nuxt

bash

pnpm add -D @headlessui-float/nuxt

新增 @headlessui-float/nuxt 到 nuxt.config.ts：

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

然後就可以不用手動引入元件，直接在 Nuxt 專案裡直接使用 <Float> 元件了：

vue

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

Nuxt #