diff --git a/packages/renderer-vue/package.json b/packages/renderer-vue/package.json
index cff7fdcb..5af658b6 100644
--- a/packages/renderer-vue/package.json
+++ b/packages/renderer-vue/package.json
@@ -9,13 +9,13 @@
     "files": [
         "dist/**/!(report.html)"
     ],
-    "main": "./dist/renderer-vue.umd.js",
-    "module": "./dist/renderer-vue.es.js",
+    "main": "./dist/renderer-vue.umd.cjs",
+    "module": "./dist/renderer-vue.es.mjs",
     "types": "./dist/index.d.ts",
     "exports": {
         ".": {
-            "import": "./dist/renderer-vue.es.js",
-            "require": "./dist/renderer-vue.umd.js"
+            "import": "./dist/renderer-vue.es.mjs",
+            "require": "./dist/renderer-vue.umd.cjs"
         }
     },
     "scripts": {
diff --git a/packages/renderer-vue/vite.config.ts b/packages/renderer-vue/vite.config.ts
index 0a49aea2..51a1a6ff 100644
--- a/packages/renderer-vue/vite.config.ts
+++ b/packages/renderer-vue/vite.config.ts
@@ -11,7 +11,10 @@ export default defineConfig({
         lib: {
             entry: path.resolve(__dirname, "src/index.ts"),
             name: "BaklavaJSRendererVue",
-            fileName: (format) => `renderer-vue.${format}.js`,
+            fileName: (format) => {
+                const extension = format === "es" ? "mjs" : "cjs";
+                return `renderer-vue.${format}.${extension}`;
+            },
             formats: ["umd", "es"],
         },
         rollupOptions: {