From 606c7b656788a9dc2a917ab72c03989197152a88 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Sun, 4 Aug 2024 21:50:38 +0200
Subject: [PATCH] docs: import `$ui` from `useNuxtApp`

---
 docs/components/Footer.vue | 2 ++
 docs/components/Header.vue | 1 +
 docs/pages/index.vue       | 1 +
 3 files changed, 4 insertions(+)

diff --git a/docs/components/Footer.vue b/docs/components/Footer.vue
index 6e5b0626..6282b675 100644
--- a/docs/components/Footer.vue
+++ b/docs/components/Footer.vue
@@ -25,6 +25,8 @@
 </template>
 
 <script setup lang="ts">
+const { $ui } = useNuxtApp()
+
 const links = [{
   icon: 'i-simple-icons-figma',
   label: 'Figma Kit',
diff --git a/docs/components/Header.vue b/docs/components/Header.vue
index debeef22..41036733 100644
--- a/docs/components/Header.vue
+++ b/docs/components/Header.vue
@@ -54,6 +54,7 @@ defineProps<{
 }>()
 
 const route = useRoute()
+const { $ui } = useNuxtApp()
 const { metaSymbol } = useShortcuts()
 
 const nav = inject<Ref<NavItem[]>>('navigation')
diff --git a/docs/pages/index.vue b/docs/pages/index.vue
index 7ee29a0f..f25297d2 100644
--- a/docs/pages/index.vue
+++ b/docs/pages/index.vue
@@ -443,6 +443,7 @@ const sectionRef = ref()
 const demoRef = ref(null)
 const start = ref(0)
 
+const { $ui } = useNuxtApp()
 const { height } = useElementSize(demoRef)
 const { top } = useElementBounding(sectionRef)
 const { y } = useWindowScroll()