Fixed pascal case

victorgarciaesgi · Mar 8, 2022 · dfe3448 · dfe3448
1 parent 12ff00d
commit dfe3448
Show file tree

Hide file tree

Showing 9 changed files with 9,090 additions and 16 deletions.
diff --git a/debug/vue-cli/package.json b/debug/vue-cli/package.json
@@ -11,7 +11,7 @@
     "chart.js": "^3.7.1",
     "core-js": "^3.19.1",
     "vue": "^3.2.25",
-    "vue-chart-3": "^3.1.0-rc.6"
+    "vue-chart-3": "^3.1.1"
   },
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "^5.10.2",

diff --git a/debug/vue-cli/yarn.lock b/debug/vue-cli/yarn.lock
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-chart-3",
-  "version": "3.1.1",
+  "version": "3.1.2",
   "description": "📊 A simple wrapper around Chart.js 3 for Vue 2 & 3",
   "license": "MIT",
   "scripts": {
@@ -37,8 +37,7 @@
     "@vue/runtime-core": "latest",
     "@vue/runtime-dom": "latest",
     "csstype": "latest",
-    "lodash-es": "latest",
-    "pascalcase": "^2.0.0"
+    "lodash-es": "latest"
   },
   "devDependencies": {
     "@types/chart.js": "^2.9.35",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/core/component.builder.ts b/src/core/component.builder.ts
@@ -1,6 +1,7 @@
 import type { Chart, ChartData, ChartDataset, ChartOptions, ChartType, Plugin } from 'chart.js';
 import * as Chartjs from 'chart.js';
 import { cloneDeep, isEqual } from 'lodash-es';
+import { pascalCase } from '../utils';
 import {
   ComponentOptionsMixin,
   ComputedOptions,
@@ -17,7 +18,6 @@ import {
 } from 'vue';
 import { ChartComponentEmits } from '.';
 import type { StyleValue } from '../misc';
-import pascalCase from 'pascalcase';
 import type { ChartPropsOptions, ComponentData } from './component.types';
 
 /** Builder method to create a component based on Chart.js chart type

diff --git a/src/hooks/hooks.builder.ts b/src/hooks/hooks.builder.ts
@@ -1,5 +1,5 @@
 import { Chart, ChartData, ChartType, Plugin } from 'chart.js';
-import pascalcase from 'pascalcase';
+import { pascalCase } from '../utils';
 import { computed, ref, unref } from 'vue';
 import { VueChartComponent } from '.';
 import type { StyleValue } from '../misc';
@@ -45,7 +45,7 @@ export const defineChartHook = <TType extends ChartType = ChartType, TJSX = fals
       if (chartComponentRef) {
         chartComponentRef?.chartInstance.value?.update();
       } else {
-        console.warn(`No chartInstance to update (use${pascalcase(chartType)}Chart)`);
+        console.warn(`No chartInstance to update (use${pascalCase(chartType)}Chart)`);
       }
     }
 

diff --git a/src/utils/format.utils.ts b/src/utils/format.utils.ts
@@ -0,0 +1,5 @@
+export function pascalCase(str: string): string {
+  return (str.match(/[a-zA-Z0-9]+/g) || [])
+    .map((w) => `${w.charAt(0).toUpperCase()}${w.slice(1)}`)
+    .join('');
+}
diff --git a/src/utils/index.ts b/src/utils/index.ts
@@ -1 +1,2 @@
 export * from './types.utils';
+export * from './format.utils';
diff --git a/tsconfig.json b/tsconfig.json
@@ -16,8 +16,7 @@
     "downlevelIteration": true,
     "noEmit": true,
     "skipLibCheck": true,
-    "types": ["vitest/globals"],
-    "baseUrl": "."
+    "types": ["vitest/globals"]
   },
   "include": ["./src/**/*.ts", "./tests/**/*.ts"],
   "exclude": ["node_modules"]
Original file line number	Diff line number	Diff line change
		@@ -1 +1,2 @@
		export * from './types.utils';
		export * from './format.utils';