build: use cjs/mjs extensions for cjs/esm builds

packages/compiler-core/index.cjs

@@ -0,0 +1,7 @@
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./dist/compiler-core.prod.cjs')
+} else {
+  module.exports = require('./dist/compiler-core.cjs')
+}

packages/compiler-core/package.json

@@ -2,11 +2,11 @@
   "name": "@vue/compiler-core",
   "version": "3.2.20",
   "description": "@vue/compiler-core",
-  "main": "index.js",
-  "module": "dist/compiler-core.esm-bundler.js",
+  "main": "index.cjs",
+  "module": "dist/compiler-core.esm-bundler.mjs",
   "types": "dist/compiler-core.d.ts",
   "files": [
-    "index.js",
+    "index.cjs",
     "dist"
   ],
   "buildOptions": {

packages/compiler-dom/index.cjs

@@ -0,0 +1,7 @@
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./dist/compiler-dom.prod.cjs')
+} else {
+  module.exports = require('./dist/compiler-dom.cjs')
+}

packages/compiler-dom/package.json

@@ -2,13 +2,13 @@
   "name": "@vue/compiler-dom",
   "version": "3.2.20",
   "description": "@vue/compiler-dom",
-  "main": "index.js",
-  "module": "dist/compiler-dom.esm-bundler.js",
+  "main": "index.cjs",
+  "module": "dist/compiler-dom.esm-bundler.mjs",
   "types": "dist/compiler-dom.d.ts",
   "unpkg": "dist/compiler-dom.global.js",
   "jsdelivr": "dist/compiler-dom.global.js",
   "files": [
-    "index.js",
+    "index.cjs",
     "dist"
   ],
   "sideEffects": false,

packages/compiler-sfc/package.json

@@ -2,8 +2,8 @@
   "name": "@vue/compiler-sfc",
   "version": "3.2.20",
   "description": "@vue/compiler-sfc",
-  "main": "dist/compiler-sfc.cjs.js",
-  "module": "dist/compiler-sfc.esm-browser.js",
+  "main": "dist/compiler-sfc.cjs",
+  "module": "dist/compiler-sfc.esm-browser.mjs",
   "types": "dist/compiler-sfc.d.ts",
   "files": [
     "dist"

packages/compiler-ssr/package.json

@@ -2,7 +2,7 @@
   "name": "@vue/compiler-ssr",
   "version": "3.2.20",
   "description": "@vue/compiler-ssr",
-  "main": "dist/compiler-ssr.cjs.js",
+  "main": "dist/compiler-ssr.cjs",
   "types": "dist/compiler-ssr.d.ts",
   "files": [
     "dist"

packages/reactivity/index.cjs

@@ -0,0 +1,7 @@
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./dist/reactivity.prod.cjs')
+} else {
+  module.exports = require('./dist/reactivity.cjs')
+}

packages/reactivity/package.json

@@ -2,13 +2,13 @@
   "name": "@vue/reactivity",
   "version": "3.2.20",
   "description": "@vue/reactivity",
-  "main": "index.js",
-  "module": "dist/reactivity.esm-bundler.js",
+  "main": "index.cjs",
+  "module": "dist/reactivity.esm-bundler.mjs",
   "types": "dist/reactivity.d.ts",
   "unpkg": "dist/reactivity.global.js",
   "jsdelivr": "dist/reactivity.global.js",
   "files": [
-    "index.js",
+    "index.cjs",
     "dist"
   ],
   "sideEffects": false,

packages/ref-transform/package.json

@@ -2,7 +2,7 @@
   "name": "@vue/ref-transform",
   "version": "3.2.20",
   "description": "@vue/ref-transform",
-  "main": "dist/ref-transform.cjs.js",
+  "main": "dist/ref-transform.cjs",
   "files": [
     "dist"
   ],

packages/runtime-core/index.cjs

@@ -0,0 +1,7 @@
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./dist/runtime-core.prod.cjs')
+} else {
+  module.exports = require('./dist/runtime-core.cjs')
+}

packages/runtime-core/package.json

@@ -2,11 +2,11 @@
   "name": "@vue/runtime-core",
   "version": "3.2.20",
   "description": "@vue/runtime-core",
-  "main": "index.js",
-  "module": "dist/runtime-core.esm-bundler.js",
+  "main": "index.cjs",
+  "module": "dist/runtime-core.esm-bundler.mjs",
   "types": "dist/runtime-core.d.ts",
   "files": [
-    "index.js",
+    "index.cjs",
     "dist"
   ],
   "buildOptions": {

packages/runtime-core/src/component.ts

@@ -820,9 +820,9 @@ export function finishComponentSetup(
         `Component provided template option but ` +
           `runtime compilation is not supported in this build of Vue.` +
           (__ESM_BUNDLER__
-            ? ` Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".`
+            ? ` Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.mjs".`
             : __ESM_BROWSER__
-            ? ` Use "vue.esm-browser.js" instead.`
+            ? ` Use "vue.esm-browser.mjs" instead.`
             : __GLOBAL__
             ? ` Use "vue.global.js" instead.`
             : ``) /* should not happen */

packages/runtime-dom/index.cjs

@@ -0,0 +1,7 @@
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./dist/runtime-dom.prod.cjs')
+} else {
+  module.exports = require('./dist/runtime-dom.cjs')
+}

packages/runtime-dom/package.json

@@ -2,12 +2,12 @@
   "name": "@vue/runtime-dom",
   "version": "3.2.20",
   "description": "@vue/runtime-dom",
-  "main": "index.js",
-  "module": "dist/runtime-dom.esm-bundler.js",
+  "main": "index.cjs",
+  "module": "dist/runtime-dom.esm-bundler.mjs",
   "types": "dist/runtime-dom.d.ts",
   "unpkg": "dist/runtime-dom.global.js",
   "files": [
-    "index.js",
+    "index.cjs",
     "dist"
   ],
   "sideEffects": false,

packages/runtime-test/index.cjs

@@ -0,0 +1,7 @@
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./dist/runtime-test.prod.cjs')
+} else {
+  module.exports = require('./dist/runtime-test.cjs')
+}

packages/runtime-test/package.json

@@ -3,11 +3,11 @@
   "version": "3.2.20",
   "description": "@vue/runtime-test",
   "private": true,
-  "main": "index.js",
-  "module": "dist/runtime-test.esm-bundler.js",
+  "main": "index.cjs",
+  "module": "dist/runtime-test.esm-bundler.mjs",
   "types": "dist/runtime-test.d.ts",
   "files": [
-    "index.js",
+    "index.cjs",
     "dist"
   ],
   "repository": {

packages/server-renderer/index.cjs

@@ -0,0 +1,7 @@
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./dist/server-renderer.prod.cjs')
+} else {
+  module.exports = require('./dist/server-renderer.cjs')
+}

packages/server-renderer/package.json

@@ -2,11 +2,11 @@
   "name": "@vue/server-renderer",
   "version": "3.2.20",
   "description": "@vue/server-renderer",
-  "main": "index.js",
-  "module": "dist/server-renderer.esm-bundler.js",
+  "main": "index.cjs",
+  "module": "dist/server-renderer.esm-bundler.mjs",
   "types": "dist/server-renderer.d.ts",
   "files": [
-    "index.js",
+    "index.cjs",
     "dist"
   ],
   "buildOptions": {

packages/sfc-playground/src/App.vue

@@ -12,7 +12,7 @@ setVH()
 const store = new ReplStore({
   serializedState: location.hash.slice(1),
   defaultVueRuntimeURL: import.meta.env.PROD
-    ? `${location.origin}/vue.runtime.esm-browser.js`
+    ? `${location.origin}/vue.runtime.esm-browser.mjs`
     : `${location.origin}/src/vue-dev-proxy`
 })
 

packages/sfc-playground/vite.config.ts

@@ -23,17 +23,17 @@ function copyVuePlugin(): Plugin {
     generateBundle() {
       const filePath = path.resolve(
         __dirname,
-        '../vue/dist/vue.runtime.esm-browser.js'
+        '../vue/dist/vue.runtime.esm-browser.mjs'
       )
       if (!fs.existsSync(filePath)) {
         throw new Error(
-          `vue.runtime.esm-browser.js not built. ` +
+          `vue.runtime.esm-browser.mjs not built. ` +
             `Run "nr build vue -f esm-browser" first.`
         )
       }
       this.emitFile({
         type: 'asset',
-        fileName: 'vue.runtime.esm-browser.js',
+        fileName: 'vue.runtime.esm-browser.mjs',
         source: fs.readFileSync(filePath, 'utf-8')
       })
     }

packages/shared/index.cjs

@@ -0,0 +1,7 @@
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./dist/shared.prod.cjs')
+} else {
+  module.exports = require('./dist/shared.cjs')
+}

packages/shared/package.json

@@ -2,11 +2,11 @@
   "name": "@vue/shared",
   "version": "3.2.20",
   "description": "internal utils shared across @vue packages",
-  "main": "index.js",
-  "module": "dist/shared.esm-bundler.js",
+  "main": "index.cjs",
+  "module": "dist/shared.esm-bundler.mjs",
   "types": "dist/shared.d.ts",
   "files": [
-    "index.js",
+    "index.cjs",
     "dist"
   ],
   "buildOptions": {

packages/vue-compat/index.cjs

@@ -0,0 +1,7 @@
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./dist/vue.prod.cjs')
+} else {
+  module.exports = require('./dist/vue.cjs')
+}

packages/vue-compat/package.json

@@ -2,12 +2,12 @@
   "name": "@vue/compat",
   "version": "3.2.20",
   "description": "Vue 3 compatibility build for Vue 2",
-  "main": "index.js",
-  "module": "dist/vue.runtime.esm-bundler.js",
+  "main": "index.cjs",
+  "module": "dist/vue.runtime.esm-bundler.mjs",
   "unpkg": "dist/vue.global.js",
   "jsdelivr": "dist/vue.global.js",
   "files": [
-    "index.js",
+    "index.cjs",
     "dist"
   ],
   "buildOptions": {

packages/vue-compat/src/createCompatVue.ts

@@ -1,5 +1,5 @@
 // This entry exports the runtime only, and is built as
-// `dist/vue.esm-bundler.js` which is used by default for bundlers.
+// `dist/vue.esm-bundler.mjs` which is used by default for bundlers.
 import { initDev } from './dev'
 import {
   compatUtils,

packages/vue-compat/src/runtime.ts

@@ -1,5 +1,5 @@
 // This entry exports the runtime only, and is built as
-// `dist/vue.esm-bundler.js` which is used by default for bundlers.
+// `dist/vue.esm-bundler.mjs` which is used by default for bundlers.
 import { createCompatVue } from './createCompatVue'
 import { warn } from '@vue/runtime-core'
 
@@ -10,9 +10,9 @@ Vue.compile = (() => {
     warn(
       `Runtime compilation is not supported in this build of Vue.` +
         (__ESM_BUNDLER__
-          ? ` Configure your bundler to alias "vue" to "@vue/compat/dist/vue.esm-bundler.js".`
+          ? ` Configure your bundler to alias "vue" to "@vue/compat/dist/vue.esm-bundler.mjs".`
           : __ESM_BROWSER__
-          ? ` Use "vue.esm-browser.js" instead.`
+          ? ` Use "vue.esm-browser.mjs" instead.`
           : __GLOBAL__
           ? ` Use "vue.global.js" instead.`
           : ``) /* should not happen */