style: 💄 (prettier) reformat with prettier

Author: nivekcode

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

@@ -10,6 +10,7 @@ <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>
-
+  <angular-library-starter-sample
+    class="text-xl"
+  ></angular-library-starter-sample>
 </div>

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

@@ -1,9 +1,8 @@
-import { Component } from '@angular/core';
+import { Component } from "@angular/core";
 
 @Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss'],
+  selector: "app-root",
+  templateUrl: "./app.component.html",
+  styleUrls: ["./app.component.scss"],
 })
-export class AppComponent {
-}
+export class AppComponent {}

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

@@ -1,27 +1,22 @@
-import {NgModule} from '@angular/core';
-import {BrowserModule} from '@angular/platform-browser';
-import {HIGHLIGHT_OPTIONS, HighlightModule} from 'ngx-highlightjs';
+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 { SampleComponent } from "../../../ng-if-responsive/src/lib/sample.component";
 
-import {AppComponent} from './app.component';
+import { AppComponent } from "./app.component";
 
 @NgModule({
-    declarations: [AppComponent],
-    imports: [
-        BrowserModule,
-        HighlightModule,
-        SampleComponent
-    ],
-    providers: [
-        {
-            provide: HIGHLIGHT_OPTIONS,
-            useValue: {
-                fullLibraryLoader: async () => await import('highlight.js'),
-            },
-        },
-    ],
-    bootstrap: [AppComponent],
+  declarations: [AppComponent],
+  imports: [BrowserModule, HighlightModule, SampleComponent],
+  providers: [
+    {
+      provide: HIGHLIGHT_OPTIONS,
+      useValue: {
+        fullLibraryLoader: async () => await import("highlight.js"),
+      },
+    },
+  ],
+  bootstrap: [AppComponent],
 })
-export class AppModule {
-}
+export class AppModule {}

projects/ng-if-responsive-showcase/src/main.ts

@@ -1,8 +1,8 @@
-import { enableProdMode } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { enableProdMode } from "@angular/core";
+import { platformBrowserDynamic } from "@angular/platform-browser-dynamic";
 
-import { AppModule } from './app/app.module';
-import { environment } from './environments/environment';
+import { AppModule } from "./app/app.module";
+import { environment } from "./environments/environment";
 
 if (environment.production) {
   enableProdMode();

projects/ng-if-responsive-showcase/src/polyfills.ts

@@ -45,7 +45,7 @@
 /***************************************************************************************************
  * Zone JS is required by default for Angular itself.
  */
-import 'zone.js'; // Included with Angular CLI.
+import "zone.js"; // Included with Angular CLI.
 
 /***************************************************************************************************
  * APPLICATION IMPORTS

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

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

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

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

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

@@ -1,11 +1,10 @@
-import {Injectable} from "@angular/core";
+import { Injectable } from "@angular/core";
 
 @Injectable({
-    providedIn: 'root'
+  providedIn: "root",
 })
 export class SampleService {
-
-    public getBestFramework(): string {
-        return 'Angular';
-    }
+  public getBestFramework(): string {
+    return "Angular";
+  }
 }

projects/ng-if-responsive/src/public-api.ts

@@ -1,4 +1,4 @@
 /*
  * Public API Surface of ng-if-responsive
  */
-export * from './lib/sample.component';
+export * from "./lib/sample.component";