Ready for merge

Author: victorgarciaesgi

debug/nuxt3/app.vue

@@ -53,7 +53,7 @@ const { barChartProps, barChartRef } = useBarChart({
 
 function shuffleData() {
   data.value = shuffle(data.value);
-  console.log(barChartRef.value.chartInstance.update());
+  console.log(barChartRef.value.chartInstance);
 }
 </script>
 

debug/nuxt3/package.json

@@ -13,6 +13,6 @@
     "@types/lodash-es": "^4.17.5",
     "chart.js": "^3.7.0",
     "lodash-es": "^4.17.21",
-    "vue-chart-3": "^3.1.0-beta-11"
+    "vue-chart-3": "^3.1.0-rc.8"
   }
 }

debug/nuxt3/yarn.lock

@@ -911,6 +911,13 @@
   dependencies:
     "@vue/shared" "3.2.30"
 
+"@vue/[email protected]":
+  version "3.2.31"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.31.tgz#fc90aa2cdf695418b79e534783aca90d63a46bbd"
+  integrity sha512-HVr0l211gbhpEKYr2hYe7hRsV91uIVGFYNHj73njbARVGHQvIojkImKMaZNDdoDZOIkMsBc9a1sMqR+WZwfSCw==
+  dependencies:
+    "@vue/shared" "3.2.31"
+
 "@vue/[email protected]":
   version "3.2.30"
   resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.30.tgz#1acc119ff8a49c06af6b03611bc4e03f464ca8a2"
@@ -919,6 +926,14 @@
     "@vue/reactivity" "3.2.30"
     "@vue/shared" "3.2.30"
 
+"@vue/[email protected]", "@vue/runtime-core@^3.2.31":
+  version "3.2.31"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.31.tgz#9d284c382f5f981b7a7b5971052a1dc4ef39ac7a"
+  integrity sha512-Kcog5XmSY7VHFEMuk4+Gap8gUssYMZ2+w+cmGI6OpZWYOEIcbE0TPzzPHi+8XTzAgx1w/ZxDFcXhZeXN5eKWsA==
+  dependencies:
+    "@vue/reactivity" "3.2.31"
+    "@vue/shared" "3.2.31"
+
 "@vue/[email protected]":
   version "3.2.30"
   resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.2.30.tgz#16a85b359ea1fff9b1dd61e9d00e93f4652aba5e"
@@ -928,6 +943,15 @@
     "@vue/shared" "3.2.30"
     csstype "^2.6.8"
 
+"@vue/runtime-dom@^3.2.31":
+  version "3.2.31"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.2.31.tgz#79ce01817cb3caf2c9d923f669b738d2d7953eff"
+  integrity sha512-N+o0sICVLScUjfLG7u9u5XCjvmsexAiPt17GNnaWHJUfsKed5e85/A3SWgKxzlxx2SW/Hw7RQxzxbXez9PtY3g==
+  dependencies:
+    "@vue/runtime-core" "3.2.31"
+    "@vue/shared" "3.2.31"
+    csstype "^2.6.8"
+
 "@vue/[email protected]":
   version "3.2.30"
   resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.2.30.tgz#4acccad3933475d07b94560c6cb205363975b969"
@@ -941,6 +965,11 @@
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.30.tgz#e2ba8f6692399c27c81c668ecd3f1a4e13ee2f5e"
   integrity sha512-B3HouBtUxcfu2w2d+VhdLcVBXKYYhXiFMAfQ+hoe8NUhKkPRkWDIqhpuehCZxVQ3S2dN1P1WfKGlxGC+pfmxGg==
 
+"@vue/[email protected]":
+  version "3.2.31"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.31.tgz#c90de7126d833dcd3a4c7534d534be2fb41faa4e"
+  integrity sha512-ymN2pj6zEjiKJZbrf98UM2pfDd6F2H7ksKw7NDt/ZZ1fh5Ei39X5tABugtT03ZRlWd9imccoK0hE8hpjpU7irQ==
+
 "@vueuse/head@^0.7.5":
   version "0.7.5"
   resolved "https://registry.yarnpkg.com/@vueuse/head/-/head-0.7.5.tgz#0284e3dc53ea6709196956bf25115eea863a847a"
@@ -3620,7 +3649,7 @@ murmurhash-es@^0.1.1:
   resolved "https://registry.yarnpkg.com/murmurhash-es/-/murmurhash-es-0.1.1.tgz#e4d7943eed19b0c1b66f5bb071fce52c7a052782"
   integrity sha512-IfA8KVe9dxv28F9KSJ8EpJP2jgO1br6xInnFaPDjQKosEfpTMAx8v1eGCUzOvcZDstadm3mdP95JILrYs0mNsg==
 
-nanoid@^3.1.32, nanoid@^3.2.0, nanoid@latest:
+nanoid@^3.1.32, nanoid@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.2.0.tgz#62667522da6673971cca916a6d3eff3f415ff80c"
   integrity sha512-fmsZYa9lpn69Ad5eDn7FMcnnSR+8R34W9qJEijxYhTbfOWzr22n1QxCMzXLK+ODyW2973V3Fux959iQoUxzUIA==
@@ -3979,6 +4008,11 @@ parseurl@~1.3.3:
   resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
   integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
 
+[email protected]:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/pascalcase/-/pascalcase-0.1.1.tgz#b363e55e8006ca6fe21784d2db22bd15d7917f14"
+  integrity sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=
+
 path-exists@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
@@ -5245,13 +5279,16 @@ vue-bundle-renderer@^0.3.5:
   dependencies:
     bundle-runner "^0.0.1"
 
-vue-chart-3@^3.1.0-beta-11:
-  version "3.1.0-beta-9"
-  resolved "https://registry.yarnpkg.com/vue-chart-3/-/vue-chart-3-3.1.0-beta-9.tgz#a6848b546ae5db74cbda54dc600faaa67b77977c"
-  integrity sha512-zdwmTCSZO38lhZlK7/pwWoUwQLvdSRniSI77mIaAkCL06dQkKFNMFJ/CBQYc/72SnZa1/Ct5nBThzn77UzrzLA==
+vue-chart-3@^3.1.0-rc.8:
+  version "3.1.0-rc.8"
+  resolved "https://registry.yarnpkg.com/vue-chart-3/-/vue-chart-3-3.1.0-rc.8.tgz#59556e76cee3f3295314a83da5ba2e6bcd29fcd4"
+  integrity sha512-ywtZ2pe3LXXiLADSfO3dSGWrBRcj6LfYefs9NUDLOvIhlWeVup1Ac+nLJ2RTBzmlIja5cSSCCtbQ+8UBrZLq9w==
   dependencies:
+    "@vue/runtime-core" "^3.2.31"
+    "@vue/runtime-dom" "^3.2.31"
     csstype latest
-    nanoid latest
+    lodash-es "^4.17.21"
+    pascalcase "0.1.1"
 
 vue-loader@^17.0.0:
   version "17.0.0"

debug/vite/package.json

@@ -11,7 +11,7 @@
     "chart.js": "^3.7.0",
     "lodash-es": "^4.17.21",
     "vue": "^3.2.25",
-    "vue-chart-3": "^3.1.0-beta-11"
+    "vue-chart-3": "^3.1.0-rc.8"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^2.0.0",

debug/vite/pnpm-lock.yaml

@@ -8,8 +8,8 @@
 <script setup lang="tsx">
 import { Chart, registerables } from 'chart.js';
 import type { ChartData } from 'chart.js';
-// import { BarChart, useBarChart } from 'vue-chart-3';
-import { BarChart, defineChartComponent, useBarChart } from '../../../dist';
+import { BarChart, useBarChart } from 'vue-chart-3';
+// import { BarChart, defineChartComponent, useBarChart } from '../../../dist';
 
 import { ref, computed } from 'vue';
 import { shuffle } from 'lodash-es';

debug/vite/src/App.vue

@@ -8,10 +8,10 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "chart.js": "^3.6.0",
+    "chart.js": "^3.7.1",
     "core-js": "^3.19.1",
     "vue": "^3.2.25",
-    "vue-chart-3": "^3.1.0-beta-11"
+    "vue-chart-3": "^3.1.0-rc.6"
   },
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "^5.10.2",

debug/vue-cli/package.json

@@ -53,6 +53,7 @@ export default defineComponent({
     const { barChartProps, barChartRef } = useBarChart({
       chartData: testData,
       options: options,
+      jsx: true,
     });
 
     function shuffleData() {
@@ -72,7 +73,7 @@ export default defineComponent({
     return () => (
       <div id="app" style={{ width: '400px' }}>
         <button onClick={shuffleData}>Shuffle</button>
-        <BarChart chartData={testData.value} ref={barChartRef} class="test" />
+        <BarChart {...barChartProps.value} class="test" />
       </div>
     );
   },