Rename selector

[dgp1130]

Is your feature request related to a problem? Please describe.

Renaming the selector of a component is a pain. You have to manually search for all its usages in an application and change them yourself.

Describe the solution you'd like

Right clicking on a selector property in VSCode should have a "rename" option. This should trigger the normal rename flow and update all references is Angular templates to match. For example:

// foo.component.ts

@Component({
  selector: 'app-foo', // <-- Rename of this value...
})
export class FooComponent {
  // ...
}

<!-- bar.component.html -->

<!-- vvv Should rename this usage vvv -->
<foo-component></foo-component>

Describe alternatives you've considered

Find-replace is about the best I can think of. Not a terrible alternative, but may get some cases wrong and requires more mental effort to actually apply.

Additional context

N/A

[ayazhafiz]

Related to #29