docs: 文档更新 添加轮播图组件

- 引入vue3-carousel
- types抽离d.ts 需手动导入

docs/.vitepress/components/ImgSlider.vue

@@ -0,0 +1,30 @@
+<template>
+  <div class="img-slider">
+    <Carousel :autoplay="2000" :wrap-around="true">
+      <Slide v-for="{ src, alt } of imgSliderList" :key="src">
+        <img class="carousel__item" :src="src" :alt="alt" />
+      </Slide>
+    </Carousel>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { PropType } from 'vue'
+import type { ImgSliderList } from '../types'
+
+import 'vue3-carousel/dist/carousel.css'
+import { Carousel, Slide } from 'vue3-carousel'
+
+defineProps({
+  imgSliderList: {
+    type: Object as PropType<ImgSliderList>,
+    required: true
+  }
+})
+</script>
+
+<style scoped>
+.carousel__item {
+  width: 90%;
+}
+</style>

docs/.vitepress/components/Title.vue

@@ -10,6 +10,7 @@
 
 <script setup lang="ts">
 import { PropType } from 'vue'
+import type { LinkList } from '../types'
 import Link from './Link.vue'
 
 const props = defineProps({