解决shadcn-svelte项目中Carousel组件路径导入问题

在使用shadcn-svelte项目中的Carousel组件时，开发者可能会遇到一个常见的路径导入问题。这个问题主要出现在手动安装组件而非使用CLI工具的情况下。

在Carousel组件的两个子组件文件carousel-next.svelte和carousel-previous.svelte中，默认的Button组件导入路径为：

import {
    Button,
    type Props,
    type buttonVariants,
} from "$lib/registry/default/ui/button/index.js";

然而，当开发者按照shadcn-svelte的标准安装流程手动设置项目时，Button组件的实际路径通常是：

import {
    Button,
    type Props,
    type buttonVariants,
} from "$lib/components/ui/button/index.js";

这个差异会导致组件无法正常工作。项目维护者解释说，这种路径差异是设计上的考虑，因为shadcn-svelte内部支持多种样式主题，所以使用了不同的路径结构。当使用项目提供的CLI工具添加组件时，工具会自动处理这些路径差异。但对于手动复制粘贴组件的开发者，则需要自行修改这些导入路径。

对于开发者来说，解决方案很简单：只需将两个Carousel子组件文件中的导入路径从$lib/registry/default/ui/button修改为$lib/components/ui/button即可。这种修改反映了大多数shadcn-svelte项目的标准目录结构。

这个问题虽然不会影响功能实现，但对于手动安装组件的开发者来说确实会造成一些困扰。理解这种设计差异有助于开发者在未来遇到类似问题时能够快速定位和解决。