feat: support ESM file extension (#1137)

* feat: support ESM file extension

* fix: size check packages

* chore: upgrade lint and format packages

Author: kazupon

package.json

@@ -46,7 +46,7 @@
     "fix": "run-p lint:fix format:fix",
     "format:fix": "run-p \"format:prettier --write\" format:package",
     "format:package": "node -r esbuild-register ./scripts/fixpack.ts",
-    "format:prettier": "prettier --config .prettierrc --ignore-path .prettierignore '**/*.{js,json,html}'",
+    "format:prettier": "prettier --config .prettierrc --ignore-path .prettierignore --list-different '**/*.{js,json,html}'",
     "lint": "run-p lint:secret lint:codes lint:docs",
     "lint:codes": "eslint ./packages ./test-d ./e2e ./benchmark --ext .js,.mjs,.ts,.vue",
     "lint:docs": "textlint --config .textlintrc.js docs/*.md docs/advanced/**/*.md docs/essentials/**/*.md docs/migration/**/*.md docs/api/injection.md packages/**/*.md",
@@ -78,19 +78,19 @@
     "@textlint-rule/textlint-rule-no-unmatched-pair": "^1.0.7",
     "@types/jest": "^26.0.14",
     "@types/node": "^16.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.0.0",
-    "@typescript-eslint/parser": "^5.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.35.0",
+    "@typescript-eslint/parser": "^5.35.0",
     "@vue/server-renderer": "^3.2.4",
     "algoliasearch": "^4.9.0",
     "api-docs-gen": "^0.4.0",
     "brotli": "^1.3.2",
     "chalk": "^4.1.0",
     "convert-hrtime": "^5.0.0",
     "esbuild-register": "^2.3.0",
-    "eslint": "^8.0.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^8.0.0",
+    "eslint": "^8.22.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.2.0",
+    "eslint-plugin-vue": "^9.4.0",
     "execa": "^5.0.0",
     "fixpack": "^4.0.0",
     "http-server": "^14.0.0",
@@ -102,7 +102,7 @@
     "npm-run-all": "^4.1.5",
     "opener": "^1.5.2",
     "pathe": "^0.3.0",
-    "prettier": "^2.3.2",
+    "prettier": "^2.7.1",
     "puppeteer": "^9.0.0",
     "rc": "^1.2.8",
     "rimraf": "^3.0.2",
@@ -134,7 +134,6 @@
     "trash-cli": "^5.0.0",
     "ts-jest": "^26.5.4",
     "typescript": "4.2.3",
-    "typescript-eslint-language-service": "^5.0.0",
     "vitepress": "^1.0.0-alpha.4",
     "vue": "^3.2.4",
     "vue-i18n": "workspace:*"

packages/core-base/package.json

@@ -29,7 +29,7 @@
     "dist"
   ],
   "main": "index.js",
-  "module": "dist/core-base.esm-bundler.js",
+  "module": "dist/core-base.esm-bundler.mjs",
   "unpkg": "dist/core-base.global.js",
   "jsdelivr": "dist/core-base.global.js",
   "types": "dist/core-base.d.ts",
@@ -55,7 +55,7 @@
     ".": {
       "import": {
         "node": "./index.mjs",
-        "default": "./dist/core-base.esm-bundler.js"
+        "default": "./dist/core-base.esm-bundler.mjs"
       },
       "require": "./index.js"
     },

packages/core/package.json

@@ -55,7 +55,7 @@
     ".": {
       "import": {
         "node": "./index.mjs",
-        "default": "./dist/core.esm-bundler.js"
+        "default": "./dist/core.esm-bundler.mjs"
       },
       "require": "./index.js"
     },

packages/devtools-if/package.json

@@ -28,7 +28,7 @@
     "dist"
   ],
   "main": "index.js",
-  "module": "dist/devtools-if.esm-bundler.js",
+  "module": "dist/devtools-if.esm-bundler.mjs",
   "types": "dist/devtools-if.d.ts",
   "dependencies": {
     "@intlify/shared": "9.3.0-beta.0"
@@ -47,7 +47,7 @@
     ".": {
       "import": {
         "node": "./index.mjs",
-        "default": "./dist/devtools-if.esm-bundler.js"
+        "default": "./dist/devtools-if.esm-bundler.mjs"
       },
       "require": "./index.js"
     },

packages/message-compiler/package.json

@@ -29,7 +29,7 @@
     "dist"
   ],
   "main": "index.js",
-  "module": "dist/message-compiler.esm-bundler.js",
+  "module": "dist/message-compiler.esm-bundler.mjs",
   "unpkg": "dist/message-compiler.global.js",
   "jsdelivr": "dist/message-compiler.global.js",
   "types": "dist/message-compiler.d.ts",
@@ -54,7 +54,7 @@
     ".": {
       "import": {
         "node": "./index.mjs",
-        "default": "./dist/message-compiler.esm-bundler.js"
+        "default": "./dist/message-compiler.esm-bundler.mjs"
       },
       "require": "./index.js"
     },

packages/petite-vue-i18n/package.json

@@ -31,7 +31,7 @@
     "dist"
   ],
   "main": "index.js",
-  "module": "dist/petite-vue-i18n.esm-bundler.js",
+  "module": "dist/petite-vue-i18n.esm-bundler.mjs",
   "unpkg": "dist/petite-vue-i18n.global.js",
   "jsdelivr": "dist/petite-vue-i18n.global.js",
   "types": "dist/petite-vue-i18n.d.ts",
@@ -66,7 +66,7 @@
     ".": {
       "import": {
         "node": "./index.mjs",
-        "default": "./dist/petite-vue-i18n.esm-bundler.js"
+        "default": "./dist/petite-vue-i18n.esm-bundler.mjs"
       },
       "require": "./index.js"
     },

packages/shared/package.json

@@ -28,7 +28,7 @@
     "dist"
   ],
   "main": "index.js",
-  "module": "dist/shared.esm-bundler.js",
+  "module": "dist/shared.esm-bundler.mjs",
   "types": "dist/shared.d.ts",
   "engines": {
     "node": ">= 14"
@@ -44,7 +44,7 @@
     ".": {
       "import": {
         "node": "./index.mjs",
-        "default": "./dist/shared.esm-bundler.js"
+        "default": "./dist/shared.esm-bundler.mjs"
       },
       "require": "./index.js"
     },

packages/size-check-core/vite.config.ts

@@ -16,6 +16,11 @@ export default defineConfig({
     'process.env.NODE_ENV': JSON.stringify('production'),
     __INTLIFY_PROD_DEVTOOLS__: false
   },
+  resolve: {
+    alias: {
+      '@intlify/core': '@intlify/core/dist/core.runtime.esm-bundler.mjs'
+    }
+  },
   build: {
     rollupOptions: {
       output: {

packages/size-check-petite-vue-i18n/src/main.ts

@@ -1,4 +1,4 @@
-import { createApp } from '@vue/runtime-dom'
+import { createApp } from 'vue'
 import { createI18n } from 'vue-i18n'
 import App from './App.vue'
 

packages/size-check-petite-vue-i18n/vite.config.ts

@@ -23,7 +23,7 @@ export default defineConfig({
   },
   resolve: {
     alias: {
-      'vue-i18n': 'petite-vue-i18n/dist/petite-vue-i18n.runtime.esm-bundler.js'
+      'vue-i18n': 'petite-vue-i18n/dist/petite-vue-i18n.runtime.esm-bundler.mjs'
     }
   },
   build: {