Angular selector does not follow angular selector names

[seofernando25]

I am interested in helping provide a fix!

Yes

Which generators are impacted?

• All
• Angular
• HTML
• Preact
• Qwik
• React
• React-Native
• Solid
• Stencil
• Svelte
• Vue
• Web components

Reproduction case

The default playground example using the Angular output

Expected Behaviour

@Component({
  selector: "my-component",

Actual Behaviour

@Component({
  selector: "my-component, MyComponent",

https://angular.io/guide/styleguide#component-selectors

Additional Information

Source Line:

mitosis/packages/core/src/generators/angular/index.ts

Line 640 in 1c800ed

selector: `'${kebabCase(json.name || 'my-component')}, ${json.name}'`,

See angular style guide for components selector

don't mind the specific prefix warning, the issues is regarding the ", Counter"

I suggest we change make these changes

- selector: `'${kebabCase(json.name || 'my-component')}, ${json.name}'`,
+ selector: `'${kebabCase(json.name || 'my-component')}`,