useMounted

SSR 渲染守卫：服务端恒为 false，客户端挂载后变 true。

何时用

浮层（Teleport）内容、依赖 localStorage 首帧状态的 UI——凡是服务端不该渲染的部分，用它做 v-if 守卫，避免注水不匹配。

用法

vue

<script setup lang="ts">
import { useMounted } from '@luxeanor/ui'
const mounted = useMounted()
</script>

<template>
  <Teleport v-if="mounted && open" to="body">
    <div class="pop">浮层</div>
  </Teleport>
</template>

API

useMounted(): Ref<boolean>

库内所有浮层组件（Modal/Drawer/Select/Dropdown/Tooltip/Toast/Confirm）都以此守卫，详见 SSR 注意事项。