From 5deadc709640bbfd3ec14c1c9363deb55e765d6a Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Tue, 19 Nov 2024 15:54:51 +0100
Subject: [PATCH] Revert "docs(ComponentCode/ComponentExample): use relative
 imports"

This reverts commit d75f47419d74b72c592f06f632a3ce31cbe02f4d.
---
 docs/app/components/content/ComponentCode.vue    | 3 +--
 docs/app/components/content/ComponentExample.vue | 9 ++-------
 2 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/docs/app/components/content/ComponentCode.vue b/docs/app/components/content/ComponentCode.vue
index 19ebc775..c92ab9db 100644
--- a/docs/app/components/content/ComponentCode.vue
+++ b/docs/app/components/content/ComponentCode.vue
@@ -43,8 +43,7 @@ const { $prettier } = useNuxtApp()
 
 const camelName = camelCase(props.slug ?? route.params.slug?.[route.params.slug.length - 1] ?? '')
 const name = `U${upperFirst(camelName)}`
-
-const component = defineAsyncComponent(() => import(`../../../../src/runtime/components/${upperFirst(camelName)}.vue`))
+const component = defineAsyncComponent(() => import(`#ui/components/${upperFirst(camelName)}.vue`))
 
 const componentProps = reactive({ ...(props.props || {}) })
 const componentEvents = reactive({
diff --git a/docs/app/components/content/ComponentExample.vue b/docs/app/components/content/ComponentExample.vue
index f67126ff..348fb601 100644
--- a/docs/app/components/content/ComponentExample.vue
+++ b/docs/app/components/content/ComponentExample.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { upperFirst, camelCase } from 'scule'
+import { camelCase } from 'scule'
 import { get, set } from '#ui/utils'
 
 const props = withDefaults(defineProps<{
@@ -52,16 +52,11 @@ const slots = defineSlots<{
 }>()
 
 const { $prettier } = useNuxtApp()
-const route = useRoute()
 
 const camelName = camelCase(props.name)
 
 const data = await fetchComponentExample(camelName)
 
-const dir = route.params.slug?.[route.params.slug.length - 1]
-
-const component = defineAsyncComponent(() => import(`./examples/${dir}/${upperFirst(camelName)}.vue`))
-
 const componentProps = reactive({ ...(props.props || {}) })
 
 const code = computed(() => {
@@ -175,7 +170,7 @@ const optionsValues = ref(props.options?.reduce((acc, option) => {
         </div>
 
         <div class="flex justify-center p-4" :class="props.class">
-          <component :is="component" v-bind="{ ...componentProps, ...optionsValues }" />
+          <component :is="camelName" v-bind="{ ...componentProps, ...optionsValues }" />
         </div>
       </div>
     </template>