floating-ui-vue-skilld
Installation
SKILL.md
@floating-ui/vue 2.0.1
Vue 3 composable for anchor positioning. useFloating() computes x/y coordinates that place a floating element (tooltip, popover, menu) next to a reference element.
Version limits
- Vue
>=3.3.0only (peer dependency,package.json:58). v2.0.0 dropped thevue-demilayer, ending Vue 2 and Vue <3.3 support. - Vue 2 or Vue <3.3 projects must stay on
npm install @floating-ui/vue@1(https://floating-ui.com/docs/vue). - Runtime dependencies:
@floating-ui/dom@^1.8.0,@floating-ui/utils@^0.2.12(package.json:46-49). - TypeScript with
exactOptionalPropertyTypes: supported since v2.0.1 (optional properties are typedT | undefined,dist/floating-ui.vue.d.ts:198-224).
Quick start
<script setup>
import {ref} from 'vue';
import {useFloating, offset, flip, shift, autoUpdate} from '@floating-ui/vue';