update format explorer

Author: kazupon

format-explorer/package.json

@@ -11,24 +11,24 @@
     "clean": "rm -rf ./dist"
   },
   "devDependencies": {
-    "@vue/compiler-sfc": "^3.0.2",
+    "@vue/compiler-sfc": "^3.0.4",
     "css-loader": "^5.0.0",
     "file-loader": "^6.2.0",
     "html-webpack-plugin": "^4.5.0",
     "monaco-editor-webpack-plugin": "^2.0.0",
     "style-loader": "^2.0.0",
-    "ts-loader": "^8.0.0",
-    "typescript": "^4.0.3",
+    "ts-loader": "^8.0.12",
+    "typescript": "^4.1.3",
     "url-loader": "^4.1.0",
-    "vue-loader": "^16.0.0-rc.1",
-    "webpack": "^5.4.0",
+    "vue-loader": "^16.1.0",
+    "webpack": "^5.10.0",
     "webpack-cli": "^4.2.0",
     "webpack-dev-server": "^3.11.0"
   },
   "dependencies": {
     "monaco-editor": "^0.21.2",
     "source-map": "^0.6.1",
-    "vue": "^3.0.2",
-    "vue-i18n": "link:.."
+    "vue": "^3.0.4",
+    "@intlify/message-compiler": "link:../packages/message-compiler"
   }
 }

format-explorer/src/App.vue

@@ -2,11 +2,11 @@
 import { defineComponent, ref } from 'vue'
 import Navigation from './components/Navigation.vue'
 import Editor from './components/Editor.vue'
-import { baseCompile } from 'vue-i18n'
+import { baseCompile } from '@intlify/message-compiler'
 import * as monaco from 'monaco-editor'
 import { debounce } from './utils'
 import { SourceMapConsumer } from 'source-map'
-import type { CompileError, CompileOptions } from 'vue-i18n'
+import type { CompileError, CompileOptions } from '@intlify/message-compiler'
 
 interface PersistedState {
   src?: string

format-explorer/src/components/Editor.vue

@@ -4,7 +4,7 @@ import theme from '../theme'
 import { debounce } from '../utils'
 import * as monaco from 'monaco-editor'
 import type { PropType } from 'vue'
-import type { CompileError } from 'vue-i18n'
+import type { CompileError } from '@intlify/message-compiler'
 
 export default defineComponent({
   name: 'Editor',

format-explorer/webpack.config.js

@@ -16,7 +16,7 @@ module.exports = {
     },
     alias: {
       vue: require.resolve('vue/dist/vue.esm-bundler.js'),
-      'vue-i18n': require.resolve('vue-i18n/dist/vue-i18n.cjs.js')
+      '@intlify/message-compiler': require.resolve('../packages/message-compiler/dist/message-compiler.cjs.js')
     }
   },
   module: {

format-explorer/yarn.lock

@@ -6,8 +6,8 @@ formats to output (defaults to `buildOptions.formats` specified in that package,
 or "esm,cjs"):
 
 ```
-# name supports fuzzy match. will build all packages with name containing "dom":
-yarn build dom
+# name supports fuzzy match. will build all packages with name containing "core-base":
+yarn build core-base
 
 # specify the format to output
 yarn build core --formats cjs

scripts/build.js

@@ -5,8 +5,8 @@ To specific the package to watch, simply pass its name and the desired build
 formats to watch (defaults to "global"):
 
 ```
-# name supports fuzzy match. will watch all packages with name containing "dom"
-yarn dev dom
+# name supports fuzzy match. will watch all packages with name containing "core-base"
+yarn dev core-base
 
 # specify the format to output
 yarn dev core --formats cjs
@@ -22,15 +22,15 @@ const args = require('minimist')(process.argv.slice(2))
 const target = args._.length ? fuzzyMatchTarget(args._)[0] : 'vue-i18n'
 const formats = args.formats || args.f
 const sourceMap = args.sourcemap || args.s
-// const commit = execa.sync('git', ['rev-parse', 'HEAD']).stdout.slice(0, 7)
+const commit = execa.sync('git', ['rev-parse', 'HEAD']).stdout.slice(0, 7)
 
 execa(
   'rollup',
   [
     '-wc',
     '--environment',
     [
-      // `COMMIT:${commit}`,
+      `COMMIT:${commit}`,
       `TARGET:${target}`,
       `FORMATS:${formats || 'global'}`,
       sourceMap ? `SOURCE_MAP:true` : ``