fix: hydration component radix-vue

ZTL-UwU · Jun 17, 2024 · 972dac7 · 972dac7
1 parent 5c7ccf0
commit 972dac7
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/app.vue b/app.vue
@@ -1,14 +1,19 @@
 <template>
-  <NuxtLoadingIndicator :color="false" class="z-100 bg-primary" />
-  <NuxtPage />
-  <Toaster />
+  <ConfigProvider :use-id="useIdFunction">
+    <NuxtLoadingIndicator :color="false" class="z-100 bg-primary" />
+    <NuxtPage />
+    <Toaster />
+  </ConfigProvider>
 </template>
 
 <script setup lang="ts">
+import { ConfigProvider } from 'radix-vue';
 import Toaster from '@/components/ui/toast/Toaster.vue';
 
 const config = useConfig();
 
+const useIdFunction = () => useId();
+
 useSeoMeta({
   description: config.value.site.description,
   ogDescription: config.value.site.description,