fix(demo): code examples highlighting

angular-extensions · Jul 31, 2020 · 9996908 · 9996908
1 parent 9c5aee2
commit 9996908
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 17 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -55,8 +55,8 @@
     "@angular/pwa": "^0.1000.0",
     "@angular/router": "^10.0.1",
     "@angular/service-worker": "^10.0.1",
-    "highlight.js": "^10.1.1",
-    "ngx-highlightjs": "^4.1.0-beta",
+    "highlight.js": "^9.0.0",
+    "ngx-highlightjs": "^4.1.1",
     "rxjs": "^6.5.5",
     "tslib": "^2.0.0",
     "zone.js": "^0.10.3"

diff --git a/projects/elements-demo/src/app/core/core.module.ts b/projects/elements-demo/src/app/core/core.module.ts
@@ -8,13 +8,6 @@ import { ToolbarComponent } from './layout/toolbar/toolbar.component';
 import { NavigationComponent } from './layout/navigation/navigation.component';
 import { FooterComponent } from './layout/footer/footer.component';
 
-export function hljsLanguages() {
-  return {
-    typescript: () => import('highlight.js/lib/languages/typescript'),
-    xml: () => import('highlight.js/lib/languages/xml'),
-  };
-}
-
 @NgModule({
   declarations: [ToolbarComponent, NavigationComponent, FooterComponent],
   imports: [
@@ -29,7 +22,11 @@ export function hljsLanguages() {
     {
       provide: HIGHLIGHT_OPTIONS,
       useValue: {
-        languages: hljsLanguages(),
+        coreLibraryLoader: () => import('highlight.js/lib/highlight'),
+        languages: {
+          typescript: () => import('highlight.js/lib/languages/typescript'),
+          xml: () => import('highlight.js/lib/languages/xml'),
+        },
       },
     },
   ],