fix: deal with esm support due to added Angular module support

package.json

@@ -8,7 +8,7 @@
     "test": "ng test",
     "lint": "ng lint",
     "e2e": "cypress open",
-    "build-content": "ts-node ./tools/build-checklist.ts",
+    "build-content": "tsx ./tools/build-checklist.ts",
     "build-content:watch": "nodemon",
     "ci": "npm run build-content && ng build",
     "format:base": "prettier \"{src,tools,cypress}/**/*{.ts,.js,.json,.scss,.html}\"",
@@ -17,7 +17,7 @@
   },
   "packageManager": "yarn@1.22.19",
   "engines": {
-    "node": "18"
+    "node": "18 || 20"
   },
   "husky": {
     "hooks": {
@@ -104,7 +104,7 @@
     "prettier": "^1.15.2",
     "shorthash": "^0.0.2",
     "ts-loader": "^5.3.1",
-    "ts-node": "~8.3.0",
+    "tsx": "^4.15.6",
     "typescript": "~5.3.3"
   }
 }

tools/markdown.ts

@@ -1,4 +1,4 @@
-import * as MarkdownIt from 'markdown-it';
+import MarkdownIt from 'markdown-it';
 import hljs from 'highlight.js';
 
 export const convertHeadingsPlugin = (md, options) => {

tools/utils.ts

@@ -3,7 +3,7 @@ import { existsSync, mkdirSync, readFileSync, readdir, writeFileSync } from 'fs'
 import { dirname, join, parse } from 'path';
 import { convertHeadingsPlugin, markdown } from './markdown';
 import { FrontMatter } from './models';
-import * as matter from 'gray-matter';
+import matter from 'gray-matter';
 import { unique } from 'shorthash';
 
 markdown.use(convertHeadingsPlugin);

tsconfig.json

@@ -20,7 +20,8 @@
       "es2020",
       "dom"
     ],
-    "useDefineForClassFields": false
+    "useDefineForClassFields": false,
+    "allowSyntheticDefaultImports": true
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,