feat: json formatting (#196)

* feat: support json formatting

* fix: typo

Author: kazupon

package.json

@@ -37,6 +37,8 @@
     "js-yaml": "^3.13.1",
     "json-diff": "^0.5.4",
     "json5": "^2.1.0",
+    "prettier": "^2.4.1",
+    "prettier-plugin-sort-json": "^0.0.2",
     "query-string": "^7.0.1",
     "vue-template-compiler": "^2.6.10",
     "yargs": "^15.1.0"

src/commands/infuse.ts

@@ -3,6 +3,7 @@ import fs from 'fs'
 import path from 'path'
 import { applyDiff } from 'deep-diff'
 import glob from 'glob'
+import { format as prettierFormat } from 'prettier'
 
 import {
   resolve,
@@ -146,7 +147,7 @@ export const handler = async (args: Arguments<InfuseOptions>) => {
   }
 
   if (!args.dryRun && external) {
-    writeExternalLocaleMessages(external)
+    writeExternalLocaleMessages(external, prettierConfig)
   }
 }
 
@@ -280,11 +281,27 @@ async function writeSFC (sources: SFCFileInfo[], format: any, prettier: any, vue
   }
 }
 
-function writeExternalLocaleMessages (meta: MetaExternalLocaleMessages[]) {
-  // TODO: async implementation
-  meta.forEach(({ path, messages }) => {
-    fs.writeFileSync(path, JSON.stringify(messages, null, 2))
-  })
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function writeExternalLocaleMessages (meta: MetaExternalLocaleMessages[], prettierConfig: any) {
+  const config = prettierConfig
+    ? Object.assign(
+      {},
+      prettierConfig,
+      {
+        parser: 'json',
+        plugins: ['./node_modules/prettier-plugin-sort-json'],
+        pluginSearchDirs: ['./node_modules'],
+        jsonRecursiveSort: true
+      })
+    : null
+  for (const { path, messages } of meta) {
+    let _messages = JSON.stringify(messages, null, 2)
+    if (config) {
+      _messages = prettierFormat(_messages, config)
+    }
+    // TODO: async implementation
+    fs.writeFileSync(path, _messages)
+  }
 }
 
 function loadFormat () {