diff --git a/src/.vuepress/theme/client/components/Fragment.vue b/src/.vuepress/theme/client/components/Fragment.vue
index 89114d978..68cb88bfd 100644
--- a/src/.vuepress/theme/client/components/Fragment.vue
+++ b/src/.vuepress/theme/client/components/Fragment.vue
@@ -1,23 +1,16 @@
 <template>
-  <component
+  <Component
     :is="component"
     v-if="component">
     <slot />
-  </component>
+  </Component>
   <slot v-else />
 </template>
 
-<script lang="ts">
-import {type PropType, defineComponent} from 'vue';
-import {type ComponentOrHtmlElement} from '../../../../../types/types';
+<script lang="ts" setup>
+import {type Component} from 'vue';
 
-export default defineComponent({
-  name: 'Fragment',
-  props: {
-    component: {
-      type: [String, Object] as PropType<ComponentOrHtmlElement>,
-      default: null,
-    },
-  },
-});
+defineProps<{
+  component?: string | Component;
+}>();
 </script>
diff --git a/types/types.d.ts b/types/types.d.ts
index bd1aff89c..bf5c3daae 100644
--- a/types/types.d.ts
+++ b/types/types.d.ts
@@ -11,7 +11,5 @@ declare interface SidebarItemV1 {
 
 declare type SidebarV1ConfigArray = (SidebarItemV1 | string)[];
 
-export type ComponentOrHtmlElement = string | Component | undefined;
-
 declare const __VUEPRESS_DEV__: boolean;
 declare const __VUEPRESS_SSR__: boolean;