Fix most of the module not found

packages/demo/package.json

@@ -73,5 +73,16 @@
     "ts-node": "10.9.1",
     "typescript": "4.9.5",
     "webpack": "5.88.1"
+  },
+  "browser": {
+    "assert": false,
+    "fs": false,
+    "os": false,
+    "path": false,
+    "url": false,
+    "module": false,
+    "v8": false,
+    "util": false,
+    "process": false
   }
 }

packages/demo/src/app/common/format-code.pipe.ts

@@ -1,16 +1,16 @@
 import { Pipe, PipeTransform } from '@angular/core';
 import prettier from 'prettier';
-import htmlParser from 'prettier/parser-html';
 import babelParser from 'prettier/parser-babel';
+import htmlParser from 'prettier/parser-html';
 
 @Pipe({
   name: 'formatCode'
 })
 export class FormatCodePipe implements PipeTransform {
 
-  transform(value: string, parser: prettier.BuiltInParserName | prettier.CustomParser = 'html'): string {
-    if (!value || !value.length) { return value; }
-    return prettier.format(value, { parser, plugins: [htmlParser, babelParser], htmlWhitespaceSensitivity: 'ignore' });
+  transform(value: string, parser: prettier.BuiltInParserName | prettier.CustomParser = 'html'): Promise<string> {
+    if (!value || !value.length) { return Promise.resolve(value); }
+    return prettier.format(value, { parser, plugins: [htmlParser as any, babelParser as any], htmlWhitespaceSensitivity: 'ignore' });
   }
 
 }

packages/demo/tsconfig.json

@@ -21,6 +21,7 @@
       "es2018",
       "dom"
     ],
-    "useDefineForClassFields": false
+    "useDefineForClassFields": false,
+
   }
 }