Nuxt
安裝 Headless UI Float 的 Nuxt 模組:
bash
npm i -D @headlessui-float/nuxtbash
yarn add -D @headlessui-float/nuxtbash
pnpm add -D @headlessui-float/nuxt新增 @headlessui-float/nuxt 到 nuxt.config.ts:
js
export default defineNuxtConfig({
modules: ['@headlessui-float/nuxt'],
})然後就可以不用手動引入元件,直接在 Nuxt 專案裡直接使用 <Float> 元件了:
vue
<template>
<Float>
...
<FloatArrow />
</Float>
</template>