VitePress项目中集成原生Web组件的正确方式

在VitePress项目中集成原生Web组件时，开发者可能会遇到一些配置上的困惑。本文将详细介绍如何正确地在VitePress中集成Lit或defineCustomElement等原生Web组件，避免常见的警告和错误。

常见问题场景

当开发者尝试在VitePress中使用带有连字符的自定义元素（如Vaadin组件或自定义的Web组件）时，通常会遇到两种典型问题：

1. 警告信息：控制台会显示"Failed to resolve component"的警告，提示需要配置compilerOptions.isCustomElement
2. 配置后错误：添加Vite插件配置后，反而会出现"At least one