Merge pull request #1093 from trillium/ts.lint-tag-data-on-create

fix: Lint tag-data.json when regenerated during dev/build step

Author: timlrx

app/tag-data.json

@@ -1,20 +1,20 @@
 {
-  "markdown": 1,
-  "code": 1,
-  "features": 1,
   "next-js": 6,
+  "tailwind": 3,
+  "guide": 5,
+  "feature": 2,
+  "multi-author": 1,
+  "hello": 1,
   "math": 1,
   "ols": 1,
   "github": 1,
-  "guide": 5,
-  "tailwind": 3,
-  "hello": 1,
-  "holiday": 1,
-  "canada": 1,
-  "images": 1,
-  "feature": 2,
   "writings": 1,
   "book": 1,
   "reflection": 1,
-  "multi-author": 1
+  "holiday": 1,
+  "canada": 1,
+  "images": 1,
+  "markdown": 1,
+  "code": 1,
+  "features": 1
 }

contentlayer.config.ts

@@ -24,6 +24,7 @@ import rehypePrismPlus from 'rehype-prism-plus'
 import rehypePresetMinify from 'rehype-preset-minify'
 import siteMetadata from './data/siteMetadata'
 import { allCoreContent, sortPosts } from 'pliny/utils/contentlayer.js'
+import prettier from 'prettier'
 
 const root = process.cwd()
 const isProduction = process.env.NODE_ENV === 'production'
@@ -61,7 +62,7 @@ const computedFields: ComputedFields = {
 /**
  * Count the occurrences of all tags across blog posts and write to json file
  */
-function createTagCount(allBlogs) {
+async function createTagCount(allBlogs) {
   const tagCount: Record<string, number> = {}
   allBlogs.forEach((file) => {
     if (file.tags && (!isProduction || file.draft !== true)) {
@@ -75,7 +76,8 @@ function createTagCount(allBlogs) {
       })
     }
   })
-  writeFileSync('./app/tag-data.json', JSON.stringify(tagCount))
+  const formatted = await prettier.format(JSON.stringify(tagCount, null, 2), { parser: 'json' })
+  writeFileSync('./app/tag-data.json', formatted)
 }
 
 function createSearchIndex(allBlogs) {