在vue3+ts+vite项目中使用vue-seamless-scroll

要在 Vue3+TypeScript+Vite 项目中使用 `vue-seamless-scroll`，可以按照以下步骤进行：

1. 安装依赖：

   npm install vue-seamless-scroll

2. 在 `main.ts` 中引入 `vue-seamless-scroll`：

   import { createApp } from 'vue';
   import App from './App.vue';
   import VueSeamlessScroll from 'vue-seamless-scroll';

   const app = createApp(App);
   app.use(VueSeamlessScroll);
   app.mount('#app');

3. 在组件中使用 `vue-seamless-scroll`：

   <template>
     <div class="scroll-wrapper">
       <vue-seamless-scroll class="scroll-content">
         <div v-for="item in list" :key="item">{{ item }}</div>
       </vue-seamless-scroll>
     </div>
   </template>

   <script lang="ts">
   import { defineComponent } from 'vue';

   export default defineComponent({
     name: 'MyComponent',
     data() {
       return {
         list: ['item 1', 'item 2', 'item 3']
       };
     }
   });
   </script>

   <style scoped>
   .scroll-wrapper {
     width: 300px;
     height: 200px;
     overflow: hidden;
   }

   .scroll-content {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
   }
   </style>

4. 在 `tsconfig.json` 中添加 `types` 配置：

   {
     "compilerOptions": {
       "types": ["vue-seamless-scroll"]
     }
   }

这样就可以在 Vue3+TypeScript+Vite 项目中使用 `vue-seamless-scroll` 了。