⬅️ Back to Table of Contents

📄 useScreenSafeArea/component

📊 Analysis Summary

Metric	Count
📦 Imports	8
🟢 Vue Composition API	1
📐 Interfaces	2

📚 Table of Contents

• Imports
• Vue Composition API
• Interfaces

🛠️ File Location:

📂 packages/core/useScreenSafeArea/component.ts

📦 Imports

Name	Source
RenderableComponent	@vueuse/core
UseScreenSafeAreaReturn	@vueuse/core
Reactive	vue
SlotsType	vue
useScreenSafeArea	@vueuse/core
defineComponent	vue
h	vue
reactive	vue

---

Vue Composition API

Name	Type	Reactive Variables	Composables
reactive	reactive	none	none

---

Interfaces

UseScreenSafeAreaProps

Interface Code

export interface UseScreenSafeAreaProps extends RenderableComponent {
  top?: boolean
  right?: boolean
  bottom?: boolean
  left?: boolean
}

Properties

Name	Type	Optional	Description
top	boolean	✓	not shown
right	boolean	✓	not shown
bottom	boolean	✓	not shown
left	boolean	✓	not shown

UseScreenSafeAreaSlots

Interface Code

interface UseScreenSafeAreaSlots {
  default: (data: Reactive<UseScreenSafeAreaReturn>) => any
}

Properties

Name	Type	Optional	Description
default	(data: Reactive<UseScreenSafeAreaReturn>) => any	✗	not shown

---

Generated by Syntax Scribe