fix: fix web-component tag name transform issue

packages/core/src/helpers/babel-transform.ts

@@ -85,7 +85,13 @@ export const babelTransformCode = <VisitorContextType = any>(
   code: string,
   visitor?: Visitor<VisitorContextType>,
   stripTypes = false,
-) => babelTransform({ code, visitor, stripTypes })?.code || '';
+) => {
+  // Fix web component tag issue due to the `babelTransform` function execution
+  // For exmaple: we pass a tag called "swiper-container", and it will be renamed as "swiper - container" after babel transforming,
+  // because babel will automatically identify the "-" as an operator, and add a space before and after it.
+  // So we need to replace ' - ' with '-' to fix this issue.
+  return babelTransform({ code, visitor, stripTypes })?.code?.replace(' - ', '-') || '';
+}
 
 // Babel adds trailing semicolons, but for expressions we need those gone
 // TODO: maybe detect if the original code ended with one, and keep it if so, for the case