refactor: 💡 (rename) adjust starter components

Author: nivekcode

projects/ng-if-responsive-showcase/src/app/app.component.html

@@ -10,7 +10,5 @@ <h2 class="text-lg text-white pl-2">Showcase</h2>
     "Start building an epic Angular library and showcase it here"
   </blockquote>
 
-  <angular-library-starter-sample
-    class="text-xl"
-  ></angular-library-starter-sample>
+  <ng-if-responsive-sample class="text-xl"></ng-if-responsive-sample>
 </div>

projects/ng-if-responsive-showcase/src/app/app.module.ts

@@ -2,13 +2,13 @@ import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { HIGHLIGHT_OPTIONS, HighlightModule } from 'ngx-highlightjs';
 
-import { SampleComponent } from '../../../ng-if-responsive/src/lib/sample.component';
+import { NgIfResponsiveSampleComponent } from '../../../ng-if-responsive/src/lib/sample.component';
 
 import { AppComponent } from './app.component';
 
 @NgModule({
   declarations: [AppComponent],
-  imports: [BrowserModule, HighlightModule, SampleComponent],
+  imports: [BrowserModule, HighlightModule, NgIfResponsiveSampleComponent],
   providers: [
     {
       provide: HIGHLIGHT_OPTIONS,

projects/ng-if-responsive/src/lib/sample.component.ts

@@ -1,15 +1,15 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
 
-import { SampleService } from './sample.service';
+import { NgIfResponsiveSampleService } from './sample.service';
 
 @Component({
-  selector: 'angular-library-starter-sample',
+  selector: 'ng-if-responsive-sample',
   template: `<h1>
     The best framework is {{ sampleService.getBestFramework() }}
   </h1>`,
   standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class SampleComponent {
-  constructor(public sampleService: SampleService) {}
+export class NgIfResponsiveSampleComponent {
+  constructor(public sampleService: NgIfResponsiveSampleService) {}
 }

projects/ng-if-responsive/src/lib/sample.service.spec.ts

@@ -1,10 +1,10 @@
-import { SampleService } from './sample.service';
+import { NgIfResponsiveSampleService } from './sample.service';
 
 describe('Sample Service', () => {
-  let sut: SampleService;
+  let sut: NgIfResponsiveSampleService;
 
   beforeEach(() => {
-    sut = new SampleService();
+    sut = new NgIfResponsiveSampleService();
   });
 
   it('should know that Angular is the best framework', () => {

projects/ng-if-responsive/src/lib/sample.service.ts

@@ -3,7 +3,7 @@ import { Injectable } from '@angular/core';
 @Injectable({
   providedIn: 'root',
 })
-export class SampleService {
+export class NgIfResponsiveSampleService {
   public getBestFramework(): string {
     return 'Angular';
   }