refactor(vue): only ship es modules (#26054)

resolves #25104

BREAKING CHANGE:

`@ionic/vue` and `@ionic/vue-router` no longer ship a CommonJS entry point. Instead, only an ES Module entry point is provided for improved compatibility with Vite.

BREAKING.md

@@ -24,6 +24,8 @@ This is a comprehensive list of the breaking changes introduced in the major ver
   - [Slides](#version-7x-slides)
   - [Textarea](#version-7x-textarea)
   - [Virtual Scroll](#version-7x-virtual-scroll)
+- [JavaScript Frameworks](#version-7x-javascript-frameworks)
+  - [Vue](#version-7x-vue)
 - [Utilities](#version-7x-utilities)
   - [hidden attribute](#version-7x-hidden-attribute)
 
@@ -139,6 +141,12 @@ Developers using the component will need to migrate to a virtual scroll solution
 
 Any references to the virtual scroll types from `@ionic/core` have been removed. Please remove or replace these types: `Cell`, `VirtualNode`, `CellType`, `NodeChange`, `HeaderFn`, `ItemHeightFn`, `FooterHeightFn`, `ItemRenderFn` and `DomRenderFn`.
 
+<h2 id="version-7x-javascript-frameworks">JavaScript Frameworks</h2>
+
+<h4 id="version-7x-vue">Vue</h4>
+
+`@ionic/vue` and `@ionic/vue-router` no longer ship a CommonJS entry point. Instead, only an ES Module entry point is provided for improved compatibility with Vite.
+
 <h2 id="version-7x-utilities">Utilities</h2>
 
 <h4 id="version-7x-hidden-attribute">`hidden` attribute</h4>

packages/vue-router/package.json

@@ -14,7 +14,6 @@
     "sync": "sh ./scripts/sync.sh"
   },
   "main": "./dist/index.js",
-  "module": "./dist/index.esm.js",
   "types": "./dist/types/index.d.ts",
   "files": [
     "dist/"

packages/vue-router/rollup.config.js

@@ -1,14 +1,9 @@
 export default {
   input: 'dist-transpiled/index.js',
   output: [
-    {
-      file: 'dist/index.esm.js',
-      format: 'es',
-      sourcemap: true,
-    },
     {
       file: 'dist/index.js',
-      format: 'commonjs',
+      format: 'es',
       sourcemap: true,
     }
   ],

packages/vue/package.json

@@ -19,7 +19,6 @@
     "sync": "sh ./scripts/sync.sh"
   },
   "main": "./dist/index.js",
-  "module": "./dist/index.esm.js",
   "types": "./dist/types/index.d.ts",
   "files": [
     "dist/",

packages/vue/rollup.config.js

@@ -5,17 +5,11 @@ export default {
   output: [
     {
       dir: 'dist/',
-      entryFileNames: '[name].esm.js',
-      chunkFileNames: '[name]-[hash].esm.js',
+      entryFileNames: '[name].js',
+      chunkFileNames: '[name]-[hash].js',
       format: 'es',
       sourcemap: true
     },
-    {
-      dir: 'dist/',
-      format: 'commonjs',
-      preferConst: true,
-      sourcemap: true
-    }
   ],
   external: id => external.includes(id) || id.startsWith('@ionic/core') || id.startsWith('ionicons')
 };