Cannot build with fresh project from master

I'm submitting a ...
- [X] bug report
Do you want to request a feature or report a bug?
What is the current behavior? npm create vuestic@latest "test" "Vuestic Admin" "do not init .git" "do not npm install" cd test/ npm install

npm error code ERESOLVE npm error ERESOLVE unable to resolve dependency tree npm error npm error While resolving: vuestic-admin@3.1.0 npm error Found: vite@4.5.0 npm error node_modules/vite npm error dev vite@"^4.4.6" from the root project npm error npm error Could not resolve dependency: npm error peer vite@"^5.3.3" from @vuestic/compiler@0.1.0 npm error node_modules/@vuestic/compiler npm error @vuestic/compiler@"latest" from the root project npm error npm error Fix the upstream dependency conflict, or retry npm error this command with --force or --legacy-peer-deps npm error to accept an incorrect (and potentially broken) dependency resolution. npm error npm error npm error For a full report see:

npm install --force

npm warn using --force Recommended protections disabled. npm warn ERESOLVE overriding peer dependency npm warn While resolving: @vuestic/compiler@0.1.0 npm warn Found: vite@4.5.0 npm warn node_modules/vite npm warn dev vite@"^4.4.6" from the root project npm warn 3 more (@storybook/vue3-vite, @vitejs/plugin-vue, @storybook/builder-vite) npm warn npm warn Could not resolve dependency: npm warn peer vite@"^5.3.3" from @vuestic/compiler@0.1.0 npm warn node_modules/@vuestic/compiler npm warn @vuestic/compiler@"latest" from the root project npm warn npm warn Conflicting peer dependency: vite@5.4.9 npm warn node_modules/vite npm warn peer vite@"^5.3.3" from @vuestic/compiler@0.1.0 npm warn node_modules/@vuestic/compiler npm warn @vuestic/compiler@"latest" from the root project npm warn deprecated inflight@1.0.6: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful. npm warn deprecated @babel/plugin-proposal-nullish-coalescing-operator@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-nullish-coalescing-operator instead. npm warn deprecated @babel/plugin-proposal-class-properties@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead. npm warn deprecated @humanwhocodes/config-array@0.11.13: Use @eslint/config-array instead npm warn deprecated rimraf@2.6.3: Rimraf versions prior to v4 are no longer supported npm warn deprecated rimraf@2.7.1: Rimraf versions prior to v4 are no longer supported npm warn deprecated @babel/plugin-proposal-optional-chaining@7.21.0: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-chaining instead. npm warn deprecated rimraf@3.0.2: Rimraf versions prior to v4 are no longer supported npm warn deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported npm warn deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported npm warn deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported npm warn deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported npm warn deprecated @storybook/testing-library@0.2.2: In Storybook 8, this package functionality has been integrated to a new package called @storybook/test, which uses Vitest APIs for an improved experience. When upgrading to Storybook 8 with 'npx storybook@latest upgrade', you will get prompted and will get an automigration for the new package. Please migrate when you can. npm warn deprecated @humanwhocodes/object-schema@2.0.1: Use @eslint/object-schema instead npm warn deprecated eslint@8.53.0: This version is no longer supported. Please see https://eslint.org/version-support for other options.

vuestic-admin@3.1.0 prepare husky install

fatal: not a git repository (or any of the parent directories): .git husky - git command not found, skipping install

added 1268 packages, and audited 1269 packages in 40s

256 packages are looking for funding run npm fund for details

25 vulnerabilities (1 low, 10 moderate, 14 high)

To address issues that do not require attention, run: npm audit fix

To address all issues (including breaking changes), run: npm audit fix --force

Run npm audit for details.

npm run build

...

eslint "./src/*/.{ts,js,vue}" --fix

src/components/va-charts/VaChart.vue:2:4 - error TS2345: Argument of type '{ chartData: ChartData<T, DistributiveArray<ChartTypeRegistry[T]["defaultDataPoint"]>, unknown>; data: ChartData<T, DistributiveArray<ChartTypeRegistry[T ]["defaultDataPoint"]>, unknown>; options: _DeepPartialArray<...> | ... 3 more ... | undefined; class: string; }' is not assignable to parameter of type '(DistributeRef<{ pie: Raw<DefineComponent<ExtractPropTypes<__VLS_TypeProps ToRuntimeProps<{ data: TPieChartData; options?: _DeepPartialObject<CoreChartOptions<"pie"> & ElementChartOptions<"pie"> & PluginChartOptions<"pie"> & DatasetChartOptions<...> & ScaleChartOptions<...> & DoughnutControllerChartOptions> | undefin...'. Type '{ chartData: ChartData<T, DistributiveArray<ChartTypeRegistry[T]["defaultDataPoint"]>, unknown>; data: ChartData<T, DistributiveArray<ChartTypeRegistry[T]["defaultDataPoint"]>, unknown>; options: _DeepPartialArray<...> | ... 3 more ... | undefined; class: string; }' is not assignable to type 'DistributeRef<{ pie: Raw<DefineComponent<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{ data: TPieChartData; options?: _DeepPartialObject<CoreChartOptions<"pie"> & ElementChartOptions<"pie"> & PluginChartOptions<"pie"> & DatasetChartOptions<...> & ScaleChartOptions<...> & DoughnutControllerChartOptions> | undefine...'.

2
src/pages/admin/dashboard/cards/RegionRevenue.vue:21:53 - error TS7053: Element implicitly has an 'any' type because expression of type '`revenue${string}`' can't be used to index type '{ name: string; revenueToday: string; revenueWeek: string; revenueMonth: string; }'.

21         <template #cell(revenue)="{ rowData }"> ${{ rowData[`revenue${selectedPeriod}`] }} </template>
src/pages/auth/RecoverPassword.vue:10:17 - error TS7006: Parameter 'v' implicitly has an 'any' type.

10 :rules="[(v) => !!v || 'Email field is required']" ~

src/pages/auth/Signup.vue:10:17 - error TS7006: Parameter 'v' implicitly has an 'any' type.

10 :rules="[(v) => !!v || 'Email field is required', (v) => /.+@.+..+/.test(v) || 'Email should be valid']" ~

src/pages/auth/Signup.vue:10:58 - error TS7006: Parameter 'v' implicitly has an 'any' type.

10 :rules="[(v) => !!v || 'Email field is required', (v) => /.+@.+..+/.test(v) || 'Email should be valid']" ~

src/pages/auth/Signup.vue:38:12 - error TS7006: Parameter 'v' implicitly has an 'any' type.

38 (v) => !!v || 'Repeat Password field is required', ~

src/pages/auth/Signup.vue:39:12 - error TS7006: Parameter 'v' implicitly has an 'any' type.

39 (v) => v === formData.password || 'Passwords don\'t match', ~

src/pages/payments/widgets/billing-address/BillingAddressEdit.vue:5:17 - error TS7006: Parameter 'v' implicitly has an 'any' type.

5 :rules="[(v) => !!v || 'Name field is required']" ~

src/pages/payments/widgets/billing-address/BillingAddressEdit.vue:12:17 - error TS7006: Parameter 'v' implicitly has an 'any' type.

12 :rules="[(v) => !!v || 'Street field is required']" ~

src/pages/payments/widgets/billing-address/BillingAddressEdit.vue:18:17 - error TS7006: Parameter 'v' implicitly has an 'any' type.

18 :rules="[(v) => !!v || 'City field is required']" ~

src/pages/payments/widgets/billing-address/BillingAddressEdit.vue:24:17 - error TS7006: Parameter 'v' implicitly has an 'any' type.

24 :rules="[(v) => !!v || 'State field is required']" ~

src/pages/payments/widgets/billing-address/BillingAddressEdit.vue:30:17 - error TS7006: Parameter 'v' implicitly has an 'any' type.

30 :rules="[(v) => !!v || 'Postal Code field is required']" ~

src/pages/payments/widgets/billing-address/BillingAddressEdit.vue:36:17 - error TS7006: Parameter 'v' implicitly has an 'any' type.

36 :rules="[(v) => !!v || 'Country field is required']" ~

src/pages/payments/widgets/my-cards/PaymentCardEdit.vue:5:17 - error TS7006: Parameter 'v' implicitly has an 'any' type.

5 :rules="[(v) => !!v || 'Card Name field is required']" ~

src/pages/payments/widgets/my-cards/PaymentCardEdit.vue:13:17 - error TS7006: Parameter 'v' implicitly has an 'any' type.

13 :rules="[(v) => !!v || 'Payment System field is required']" ~

src/pages/payments/widgets/my-cards/PaymentCardEdit.vue:19:17 - error TS7006: Parameter 'v' implicitly has an 'any' type.

19 :rules="[(v) => !!v || 'Card Number field is required']" ~

src/pages/payments/widgets/my-cards/PaymentCardEdit.vue:32:10 - error TS7006: Parameter 'v' implicitly has an 'any' type.

32 (v) => !!v || 'Expiration Date field is required', ~

src/pages/payments/widgets/my-cards/PaymentCardEdit.vue:33:10 - error TS7006: Parameter 'v' implicitly has an 'any' type.

33 (v) => /^\d{4}$/.test(v) || 'Expiration Date must be in MM/YY format', ~

src/pages/projects/widgets/EditProjectForm.vue:94:29 - error TS2339: Property '$vaBreakpoint' does not exist on type '{ $: ComponentInternalInstance; $data: {}; $props: Partial<{}> & Omit<{ readonly project: Project | null; readonly saveButtonLabel: string; readonly onClose?: (() => any) | undefined; readonly onSave?: ((project: Project) => any) | undefined; } & ... 4 more ... & Readonly<...>, never>; ... 11 more ...; $watch<T exte...'.

94 :max-visible-options="$vaBreakpoint.mdUp ? 3 : 1"
vite.config.ts:6:25 - error TS2307: Cannot find module '@vuestic/compiler/vite' or its corresponding type declarations.

6 import { vuestic } from '@vuestic/compiler/vite'
Found 20 errors in 8 files.

Errors Files 1 src/components/va-charts/VaChart.vue:2 1 src/pages/admin/dashboard/cards/RegionRevenue.vue:21 1 src/pages/auth/RecoverPassword.vue:10 4 src/pages/auth/Signup.vue:10 6 src/pages/payments/widgets/billing-address/BillingAddressEdit.vue:5 5 src/pages/payments/widgets/my-cards/PaymentCardEdit.vue:5 1 src/pages/projects/widgets/EditProjectForm.vue:94 1 vite.config.ts:6

If the current behavior is a bug, please provide the steps to reproduce, ideally also a screenshot or gif if it's a style issue See above command line output.
What is the expected behavior? The default project template can be:
1. prepared without error
2. packaged/built without error
What is the motivation / use case for changing the behavior?
Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

Windows 11

npm --version 10.9.0

node --version v20.15.0

epicmaxco / vuestic-admin

Cannot build with fresh project from master #1051