style: 💄 (prettier) add prettierrc and reformat

Author: nivekcode

.prettierrc

@@ -0,0 +1,3 @@
+{
+  "singleQuote": true
+}

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

@@ -1,8 +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 {}

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

@@ -1,10 +1,10 @@
-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],
@@ -13,7 +13,7 @@ import { AppComponent } from "./app.component";
     {
       provide: HIGHLIGHT_OPTIONS,
       useValue: {
-        fullLibraryLoader: async () => await import("highlight.js"),
+        fullLibraryLoader: async () => await import('highlight.js'),
       },
     },
   ],

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,9 +1,9 @@
-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",
+  selector: 'angular-library-starter-sample',
   template: `<h1>
     The best framework is {{ sampleService.getBestFramework() }}
   </h1>`,

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

@@ -1,13 +1,13 @@
-import { SampleService } from "./sample.service";
+import { SampleService } from './sample.service';
 
-describe("Sample Service", () => {
+describe('Sample Service', () => {
   let sut: 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,10 +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";
+    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';