release: 1.11.0

Author: junedchhipa

README.md

@@ -256,9 +256,11 @@ The default entry (`vue3-apexcharts`) bundles the full ApexCharts library. If yo
 ```js
 import VueApexCharts from "vue3-apexcharts/core";
 
-// Import only the chart types you need
-import "apexcharts/bar";
+// Import by the exact chart type name you use in :type or chart.type
 import "apexcharts/line";
+import "apexcharts/bar";
+import "apexcharts/donut";
+import "apexcharts/treemap";
 
 // Import only the features you need
 import "apexcharts/features/legend";
@@ -268,9 +270,32 @@ const app = createApp(App);
 app.use(VueApexCharts);
 ```
 
-The core entry imports ApexCharts from `apexcharts/core`, which is the bare class with only tooltip included. You must explicitly import the chart types and optional features your app uses:
+The core entry imports ApexCharts from `apexcharts/core`, which is the bare class with only tooltip included. You must explicitly import the chart types and optional features your app uses.
 
-**Chart types:** `apexcharts/line`, `apexcharts/bar`, `apexcharts/pie`, `apexcharts/heatmap`, `apexcharts/candlestick`, `apexcharts/radial`, etc.
+Each chart type has its own import that matches the type name you pass to the component — no need to know which internal module it maps to:
+
+**Chart types:**
+
+| Import | type string |
+|--------|-------------|
+| `apexcharts/line` | `"line"` |
+| `apexcharts/area` | `"area"` |
+| `apexcharts/scatter` | `"scatter"` |
+| `apexcharts/bubble` | `"bubble"` |
+| `apexcharts/rangeArea` | `"rangeArea"` |
+| `apexcharts/bar` | `"bar"` |
+| `apexcharts/column` | `"column"` |
+| `apexcharts/barStacked` | `"barStacked"` |
+| `apexcharts/rangeBar` | `"rangeBar"` |
+| `apexcharts/pie` | `"pie"` |
+| `apexcharts/donut` | `"donut"` |
+| `apexcharts/polarArea` | `"polarArea"` |
+| `apexcharts/radialBar` | `"radialBar"` |
+| `apexcharts/radar` | `"radar"` |
+| `apexcharts/candlestick` | `"candlestick"` |
+| `apexcharts/boxPlot` | `"boxPlot"` |
+| `apexcharts/heatmap` | `"heatmap"` |
+| `apexcharts/treemap` | `"treemap"` |
 
 **Optional features:**
 | Import | Description |
@@ -283,6 +308,28 @@ The core entry imports ApexCharts from `apexcharts/core`, which is the bare clas
 
 > **Note:** Tree-shaking requires ApexCharts v5.8.1+.
 
+### Vite: preventing "chart type X is not registered" errors
+
+Vite's dependency pre-bundler can create two separate copies of the ApexCharts module — one for `apexcharts/core` and separate ones for each sub-entry — causing registrations to be lost. If you see this error even though you have the correct imports, add your apexcharts entries to `optimizeDeps.include`:
+
+```js
+// vite.config.js
+export default {
+  optimizeDeps: {
+    include: [
+      'apexcharts/core',
+      'apexcharts/line',
+      'apexcharts/bar',
+      // ...all apexcharts/* entries you import
+      'apexcharts/features/legend',
+      'apexcharts/features/toolbar',
+    ],
+  },
+}
+```
+
+This forces Vite to pre-bundle all sub-entries together so they share a single ApexCharts instance and all registrations are preserved.
+
 ## Server-Side Rendering (SSR)
 
 Vue3-ApexCharts includes dedicated components for SSR that work with Nuxt 3 and other Vue SSR frameworks.

demo/package-lock.json

@@ -10,7 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "apexcharts": "^5.9.0",
+    "apexcharts": "^5.10.0",
     "vue": "^3.5.0",
     "vue-router": "^4.4.0"
   },

demo/package.json

@@ -22,7 +22,7 @@ var De = Object.defineProperty, Te = Object.defineProperties, Me = Object.getOwn
   r((e = e.apply(A, t)).next());
 });
 /*!
- * ApexCharts v5.8.2-beta.1
+ * ApexCharts v5.10.0
  * (c) 2018-2026 ApexCharts
  */
 class B {
@@ -8442,7 +8442,8 @@ function Q(A) {
   const t = xe[A];
   if (!t)
     throw new Error(
-      `ApexCharts: chart type "${A}" is not registered. Import it via ApexCharts.use() or use the full apexcharts bundle.`
+      `ApexCharts: chart type "${A}" is not registered. Import it via ApexCharts.use() or use the full apexcharts bundle.
+If you already imported the entry (e.g. 'apexcharts/${A}'), your bundler may have created two separate copies of the ApexCharts module so the registration was lost. Add all apexcharts sub-entries to your bundler's deduplication config — for Vite add them to optimizeDeps.include in vite.config.`
     );
   return t;
 }

dist/apexcharts.ssr.esm-142aa21d.js dist/apexcharts.ssr.esm-fe46cd2d.jsdist/apexcharts.ssr.esm-142aa21d.js renamed to dist/apexcharts.ssr.esm-fe46cd2d.js

@@ -209,7 +209,7 @@ const C = [
     const s = w("");
     return W(async () => {
       try {
-        const { default: r } = await import("./apexcharts.ssr.esm-142aa21d.js"), n = Object.assign({}, t.options, {
+        const { default: r } = await import("./apexcharts.ssr.esm-fe46cd2d.js"), n = Object.assign({}, t.options, {
           chart: Object.assign({}, t.options.chart, {
             type: t.type,
             width: t.width,
@@ -251,7 +251,7 @@ const M = /* @__PURE__ */ oe(ae, [["render", se]]), P = A({
     let s = [];
     L(async () => {
       try {
-        const { default: r } = await import("./apexcharts.ssr.esm-142aa21d.js");
+        const { default: r } = await import("./apexcharts.ssr.esm-fe46cd2d.js");
         s = r.hydrateAll(t.selector, t.clientOptions);
       } catch (r) {
         console.error("Failed to hydrate ApexCharts:", r);

dist/vue3-apexcharts.js

@@ -1,7 +1,7 @@
 {
   "name": "vue3-apexcharts",
   "type": "module",
-  "version": "1.11.0",
+  "version": "1.11.1",
   "main": "./dist/vue3-apexcharts.umd.cjs",
   "module": "./dist/vue3-apexcharts.js",
   "private": false,
@@ -52,7 +52,7 @@
     "url": "git+https://github.com/apexcharts/vue3-apexcharts.git"
   },
   "peerDependencies": {
-    "apexcharts": ">=5.9.0",
+    "apexcharts": ">=5.10.0",
     "vue": ">=3.0.0"
   },
   "peerDependenciesMeta": {
@@ -66,7 +66,7 @@
     "@vitest/coverage-v8": "^1.6.0",
     "@vitest/ui": "^1.6.0",
     "@vue/test-utils": "^2.4.6",
-    "apexcharts": "^5.9.0",
+    "apexcharts": "^5.10.0",
     "copyfiles": "2.4.0",
     "happy-dom": "^14.12.0",
     "jsdom": "^24.1.0",