feat(prettier): add prettier (#85)

* build: update prettier version

* chore: ignore yaml from prettier

* chore: add .prettierrc and remove js file

* chore: format files with prettier

* chore: delete clang-format

* chore: fix linting issues

Author: sonukapoor

.clang-format

@@ -4,3 +4,8 @@
 /.nx/cache
 /.nx/workspace-data
 .angular
+*.yaml
+*.yml
+*.md
+*.js
+*.json

.prettierignore

@@ -0,0 +1,11 @@
+{
+  "singleQuote": true,
+  "overrides": [
+    {
+      "files": "*.component.html",
+      "options": {
+        "parser": "angular"
+      }
+    }
+  ]
+}

.prettierrc

@@ -28,7 +28,14 @@
     "lint": "stylelint projects/libs/**/*.scss --config=stylelint-config.json && tslint --project ./tsconfig.json --config tslint.json",
     "release": "pnpm build && pnpm stamp",
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
-    "serve:ssr:universal-demo-app": "node dist/universal-demo-app/server/server.mjs"
+    "serve:ssr:universal-demo-app": "node dist/universal-demo-app/server/server.mjs",
+    "format": "nx format:write --all",
+    "format:write": "nx format:write --all",
+    "format:check": "nx format:check --all",
+    "update": "nx migrate latest",
+    "dep-graph": "nx dep-graph",
+    "help": "nx help",
+    "nx": "nx"
   },
   "private": true,
   "requiredAngularVersion": ">=19.0.0",
@@ -95,7 +102,7 @@
     "nx": "20.4.4",
     "postcss": "^8.5.2",
     "postcss-scss": "^4.0.9",
-    "prettier": "^2.8.8",
+    "prettier": "^3.4.2",
     "postcss-url": "~10.1.3",
     "protractor": "^7.0.0",
     "stylelint": "^15.11.0",

.prettierrc.js

@@ -33,7 +33,7 @@ export const appConfig: ApplicationConfig = {
       FlexLayoutModule.withConfig({
         useColumnBasisZero: false,
         printWithBreakpoints: ['md', 'lt-lg', 'lt-xl', 'gt-sm', 'gt-xs'],
-      })
+      }),
     ),
     YBA_BREAKPOINT_PROVIDER,
     {

package.json

@@ -16,14 +16,14 @@ export const DEMO_APP_ROUTES: Routes = [
     path: 'responsive',
     loadChildren: () =>
       import('./responsive/responsive.module').then(
-        (m) => m.DocsResponsiveModule
+        (m) => m.DocsResponsiveModule,
       ),
   },
   {
     path: 'stackoverflow',
     loadChildren: () =>
       import('./stack-overflow/stack-overflow.module').then(
-        (m) => m.DocsStackOverflowModule
+        (m) => m.DocsStackOverflowModule,
       ),
   },
 ];

pnpm-lock.yaml

@@ -9,9 +9,8 @@ describe('DocsGridComponent', () => {
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-    imports: [DocsGridModule]
-})
-    .compileComponents();
+      imports: [DocsGridModule],
+    }).compileComponents();
   }));
 
   beforeEach(() => {

projects/apps/demo-app/src/app/app.config.ts

@@ -1,14 +1,14 @@
-import {Component} from '@angular/core';
+import { Component } from '@angular/core';
 
 @Component({
-    selector: 'demo-docs-grid',
-    template: `
+  selector: 'demo-docs-grid',
+  template: `
     <demo-grid-layout class="small-demo"></demo-grid-layout>
     <demo-grid-nested class="small-demo"></demo-grid-nested>
     <demo-grid-minmax class="small-demo"></demo-grid-minmax>
     <demo-grid-position class="small-demo"></demo-grid-position>
     <demo-grid-overlay class="small-demo"></demo-grid-overlay>
   `,
-    standalone: false
+  standalone: false,
 })
 export class DocsGridComponent {}