feat(vue): remove commonjs (#1328)

.changeset/rare-numbers-double.md

@@ -0,0 +1,5 @@
+---
+"@siemens/ix-vue": major
+---
+
+feat(vue): remove commonjs

packages/vue/package.json

@@ -11,38 +11,34 @@
     "url": "https://github.com/siemens/ix",
     "directory": "packages/vue"
   },
-  "module": "dist/index.js",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
     "LICENSE",
     "README.md",
     "dist"
   ],
-  "exports": {
-    ".": {
-      "import": "./dist/index.js"
-    }
-  },
   "scripts": {
-    "build": "pnpm clean && pnpm compile",
-    "compile": "pnpm tsc",
+    "build": "pnpm clean && rollup --config rollup.config.mjs",
     "clean": "rimraf dist",
     "lint": "eslint src"
   },
   "dependencies": {
     "@siemens/ix": "~2.2.1"
   },
   "devDependencies": {
-    "rimraf": "^3.0.2",
-    "vue": "^3.2.45",
+    "@rollup/plugin-typescript": "^8.4.0",
     "@typescript-eslint/eslint-plugin": "^5.45.0",
     "@typescript-eslint/parser": "^5.45.0",
     "eslint-config-ix": "workspace:*",
-    "eslint-plugin-vue": "^9.9.0"
+    "eslint-plugin-vue": "^9.9.0",
+    "rimraf": "^3.0.2",
+    "rollup": "^4.18.0",
+    "typescript": "^5.4.5",
+    "vue": "^3.2.45"
   },
   "peerDependencies": {
-    "vue": ">=3.2.45",
-    "@siemens/ix-icons": "^2.0.0"
+    "@siemens/ix-icons": "^2.0.0",
+    "vue": ">=3.2.45"
   }
 }

packages/vue/rollup.config.mjs

@@ -0,0 +1,20 @@
+import typescript from '@rollup/plugin-typescript';
+const external = ['vue'];
+
+export default {
+  input: 'src/index.ts',
+  output: [
+    {
+      dir: 'dist/',
+      entryFileNames: '[name].js',
+      chunkFileNames: '[name]-[hash].js',
+      format: 'es',
+      sourcemap: true,
+    },
+  ],
+  plugins: [typescript()],
+  external: (id) =>
+    external.includes(id) ||
+    id.startsWith('@siemens/ix') ||
+    id.startsWith('@siemens/ix-icons'),
+};