Skip to content

Nuxt

安裝 Headless UI Float 的 Nuxt 模組:

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

新增 @headlessui-float/nuxtnuxt.config.ts

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

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

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

Released under the MIT License.