@finema/core 1.4.2 → 1.4.5

package/dist/module.d.mts

@@ -3,6 +3,9 @@ import * as _nuxt_schema from '@nuxt/schema';
 declare const core: {
     limit_per_page: number;
     default_primary_key: string;
+    date_format: string;
+    date_time_format: string;
+    time_format: string;
 };
 
 declare const config_core: typeof core;

package/dist/module.d.ts

@@ -3,6 +3,9 @@ import * as _nuxt_schema from '@nuxt/schema';
 declare const core: {
     limit_per_page: number;
     default_primary_key: string;
+    date_format: string;
+    date_time_format: string;
+    time_format: string;
 };
 
 declare const config_core: typeof core;

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.4.2",
+  "version": "1.4.5",
   "configKey": "core",
   "compatibility": {
     "nuxt": "^3.7.4"

package/dist/module.mjs

@@ -2,7 +2,7 @@ import { defineNuxtModule, createResolver, installModule, addPlugin, addComponen
 import 'lodash-es';
 
 const name = "@finema/core";
-const version = "1.4.2";
+const version = "1.4.5";
 
 const colors = {
   black: "#20243E",
@@ -181,6 +181,44 @@ const button = {
 
 const buttonGroup = {};
 
+const formGroup = {
+  default: {
+    size: "lg"
+  }
+};
+
+const checkbox = {};
+
+const input = {
+  default: {
+    size: "lg"
+  }
+};
+
+const select = {
+  default: {
+    size: "lg"
+  }
+};
+
+const selectMenu = {
+  default: {
+    size: "lg"
+  }
+};
+
+const textarea = {
+  default: {
+    size: "lg"
+  }
+};
+
+const toggle = {
+  default: {
+    size: "lg"
+  }
+};
+
 const colorModeOptions = {
   preference: "light"
 };
@@ -317,7 +355,14 @@ const module = defineNuxtModule({
         pagination,
         alert,
         button,
-        buttonGroup
+        buttonGroup,
+        formGroup,
+        checkbox,
+        input,
+        select,
+        selectMenu,
+        textarea,
+        toggle
       },
       nuxt.options.appConfig.ui
     );

package/dist/runtime/components/Core.vue

@@ -1,4 +1,11 @@
 <template>
+  <NuxtLoadingIndicator :color="color" />
   <Dialog />
 </template>
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+defineProps({
+  color: {
+    type: String,
+  },
+})
+</script>

package/dist/runtime/components/Form/Fields.vue

@@ -9,63 +9,63 @@
           v-on="option.on ?? {}"
         />
         <FormInputText
-          v-if="option.type === INPUT_TYPES.TEXT"
+          v-else-if="option.type === INPUT_TYPES.TEXT"
           :form="form"
           v-bind="option.props"
           v-on="option.on ?? {}"
         />
         <FormInputText
-          v-if="option.type === INPUT_TYPES.PASSWORD"
+          v-else-if="option.type === INPUT_TYPES.PASSWORD"
           type="password"
           :form="form"
           v-bind="option.props"
           v-on="option.on ?? {}"
         />
         <FormInputText
-          v-if="option.type === INPUT_TYPES.EMAIL"
+          v-else-if="option.type === INPUT_TYPES.EMAIL"
           type="email"
           :form="form"
           v-bind="option.props"
           v-on="option.on ?? {}"
         />
         <FormInputTextarea
-          v-if="option.type === INPUT_TYPES.TEXTAREA"
+          v-else-if="option.type === INPUT_TYPES.TEXTAREA"
           :form="form"
           v-bind="option.props"
           v-on="option.on ?? {}"
         />
         <FormInputToggle
-          v-if="option.type === INPUT_TYPES.TOGGLE"
+          v-else-if="option.type === INPUT_TYPES.TOGGLE"
           :form="form"
           v-bind="option.props"
           v-on="option.on ?? {}"
         />
         <FormInputSelect
-          v-if="option.type === INPUT_TYPES.SELECT"
+          v-else-if="option.type === INPUT_TYPES.SELECT"
           :form="form"
           v-bind="option.props"
           v-on="option.on ?? {}"
         />
         <FormInputRadio
-          v-if="option.type === INPUT_TYPES.RADIO"
+          v-else-if="option.type === INPUT_TYPES.RADIO"
           :form="form"
           v-bind="option.props"
           v-on="option.on ?? {}"
         />
         <FormInputCheckbox
-          v-if="option.type === INPUT_TYPES.CHECKBOX"
+          v-else-if="option.type === INPUT_TYPES.CHECKBOX"
           :form="form"
           v-bind="option.props"
           v-on="option.on ?? {}"
         />
         <FormInputDateTime
-          v-if="option.type === INPUT_TYPES.DATE_TIME"
+          v-else-if="option.type === INPUT_TYPES.DATE_TIME"
           :form="form"
           v-bind="option.props"
           v-on="option.on ?? {}"
         />
         <FormInputDateTime
-          v-if="option.type === INPUT_TYPES.DATE"
+          v-else-if="option.type === INPUT_TYPES.DATE"
           :form="form"
           v-bind="option.props"
           :disabled-time="true"

package/dist/runtime/components/Form/InputDateTime/date_time_field.types.d.ts

@@ -1,8 +1,16 @@
 import { type IFieldProps, type IFormFieldBase, type INPUT_TYPES } from '#core/components/Form/types';
+export interface ITimeOption {
+    hours?: number | string;
+    minutes?: number | string;
+    seconds?: number | string;
+}
 export interface IDateTimeFieldProps extends IFieldProps {
     disabledTime?: boolean;
     minDate?: Date | string;
     maxDate?: Date | string;
+    startTime?: ITimeOption;
+    minTime?: ITimeOption;
+    maxTime?: ITimeOption;
 }
 export type IDateTimeField = IFormFieldBase<INPUT_TYPES.DATE_TIME | INPUT_TYPES.DATE, IDateTimeFieldProps, {
     change: (value: string) => void;

package/dist/runtime/components/Form/InputDateTime/index.vue

@@ -7,12 +7,27 @@
       select-text="เลือก"
       locale="th"
       :enable-time-picker="!disabledTime"
-      :placeholder="placeholder || 'เลือกวันที่'"
+      :placeholder="wrapperProps.placeholder"
       :format="format"
       :min-date="minDate"
       :max-date="maxDate"
+      :min-time="minTime"
+      :max-time="maxTime"
+      :start-time="startTime"
       :required="isRequired"
-    />
+      time-picker-inline
+    >
+      <template #dp-input="{ value: innerValue }">
+        <UInput
+          icon="i-heroicons-calendar-days"
+          type="text"
+          :value="innerValue"
+          :placeholder="wrapperProps.placeholder"
+          :readonly="true"
+          input-class="cursor-pointer select-none"
+        />
+      </template>
+    </Datepicker>
   </FieldWrapper>
 </template>
 <script lang="ts" setup>

package/dist/runtime/components/Form/InputText/index.vue

@@ -4,10 +4,11 @@
       v-model="value"
       :disabled="wrapperProps.isDisabled"
       :name="name"
-      :placeholder="placeholder ?? props.label"
+      :placeholder="wrapperProps.placeholder"
       :type="isShowPassword ? 'text' : props.type || 'text'"
       :autofocus="!!autoFocus"
       :icon="icon"
+      :readonly="isReadonly"
       :ui="ui"
     />
   </FieldWrapper>

package/dist/runtime/components/Form/InputTextarea/index.vue

@@ -5,10 +5,11 @@
       :disabled="wrapperProps.isDisabled"
       :name="name"
       :resize="resize"
-      :placeholder="placeholder ?? props.label"
+      :placeholder="wrapperProps.placeholder"
       :autofocus="!!autoFocus"
       :autoresize="autoresize"
       :rows="rows"
+      :readonly="isReadonly"
       :ui="ui"
     />
   </FieldWrapper>

package/dist/runtime/components/Form/types.d.ts

@@ -35,6 +35,7 @@ export interface IFieldProps {
     classInner?: any;
     placeholder?: string;
     isDisabled?: boolean;
+    isReadonly?: boolean;
     isRequired?: boolean;
     help?: string;
     ui?: object | any;

package/dist/runtime/composables/useForm.mjs

@@ -10,6 +10,7 @@ export const useFieldHOC = (newFormProps, opts) => {
     ...field,
     wrapperProps: computed(() => ({
       ...newFormProps,
+      placeholder: newFormProps.placeholder || newFormProps.label,
       errorMessage: field.errorMessage.value
     }))
   };

package/dist/runtime/core.config.d.ts

@@ -1,4 +1,7 @@
 export declare const core: {
     limit_per_page: number;
     default_primary_key: string;
+    date_format: string;
+    date_time_format: string;
+    time_format: string;
 };

package/dist/runtime/core.config.mjs

@@ -1,4 +1,7 @@
 export const core = {
   limit_per_page: 30,
-  default_primary_key: "id"
+  default_primary_key: "id",
+  date_format: "yyyy-MM-dd",
+  date_time_format: "yyyy-MM-dd HH:mm",
+  time_format: "HH:mm"
 };

package/dist/runtime/types/config.d.ts

@@ -1 +1 @@
-export type UIComponentList = 'modal' | 'slideover' | 'dropdown' | 'icon' | 'button' | 'buttonGroup' | 'tabs' | 'card' | 'breadcrumb' | 'badge';
+export type UIComponentList = 'modal' | 'slideover' | 'dropdown' | 'icon' | 'button' | 'buttonGroup' | 'tabs' | 'card' | 'breadcrumb' | 'badge' | 'input';

package/dist/runtime/ui.config/checkbox.d.ts

@@ -0,0 +1,3 @@
+import type { DeepPartial } from '#ui/types';
+import type * as config from '#ui/ui.config';
+export declare const checkbox: DeepPartial<(typeof config)['checkbox']>;

package/dist/runtime/ui.config/checkbox.mjs

@@ -0,0 +1 @@
+export const checkbox = {};

package/dist/runtime/ui.config/formGroup.d.ts

@@ -0,0 +1,3 @@
+import type { DeepPartial } from '#ui/types';
+import type * as config from '#ui/ui.config';
+export declare const formGroup: DeepPartial<(typeof config)['formGroup']>;

package/dist/runtime/ui.config/formGroup.mjs

@@ -0,0 +1,5 @@
+export const formGroup = {
+  default: {
+    size: "lg"
+  }
+};

package/dist/runtime/ui.config/input.d.ts

@@ -0,0 +1,3 @@
+import type { DeepPartial } from '#ui/types';
+import type * as config from '#ui/ui.config';
+export declare const input: DeepPartial<(typeof config)['input']>;

package/dist/runtime/ui.config/input.mjs

@@ -0,0 +1,5 @@
+export const input = {
+  default: {
+    size: "lg"
+  }
+};

package/dist/runtime/ui.config/select.d.ts

@@ -0,0 +1,3 @@
+import type { DeepPartial } from '#ui/types';
+import type * as config from '#ui/ui.config';
+export declare const select: DeepPartial<(typeof config)['select']>;

package/dist/runtime/ui.config/select.mjs

@@ -0,0 +1,5 @@
+export const select = {
+  default: {
+    size: "lg"
+  }
+};

package/dist/runtime/ui.config/selectMenu.d.ts

@@ -0,0 +1,3 @@
+import type { DeepPartial } from '#ui/types';
+import type * as config from '#ui/ui.config';
+export declare const selectMenu: DeepPartial<(typeof config)['selectMenu']>;

package/dist/runtime/ui.config/selectMenu.mjs

@@ -0,0 +1,5 @@
+export const selectMenu = {
+  default: {
+    size: "lg"
+  }
+};

package/dist/runtime/ui.config/textarea.d.ts

@@ -0,0 +1,3 @@
+import type { DeepPartial } from '#ui/types';
+import type * as config from '#ui/ui.config';
+export declare const textarea: DeepPartial<(typeof config)['textarea']>;

package/dist/runtime/ui.config/textarea.mjs

@@ -0,0 +1,5 @@
+export const textarea = {
+  default: {
+    size: "lg"
+  }
+};

package/dist/runtime/ui.config/toggle.d.ts

@@ -0,0 +1,3 @@
+import type { DeepPartial } from '#ui/types';
+import type * as config from '#ui/ui.config';
+export declare const toggle: DeepPartial<(typeof config)['toggle']>;

package/dist/runtime/ui.config/toggle.mjs

@@ -0,0 +1,5 @@
+export const toggle = {
+  default: {
+    size: "lg"
+  }
+};

package/dist/runtime/utils/TimeHelper.mjs

@@ -1,7 +1,8 @@
 import { addHours, format, formatISO, isDate, isValid, parse, subHours } from "date-fns";
-const dateFormat = "yyyy-MM-dd";
-const dateTimeFormat = "yyyy-MM-dd HH:mm";
-const timeFormat = "HH:mm";
+import { useCoreConfig } from "#core/composables/useConfig";
+const dateFormat = useCoreConfig().date_format;
+const dateTimeFormat = useCoreConfig().date_time_format;
+const timeFormat = useCoreConfig().time_format;
 export class TimeHelper {
   static toUTC = (time) => {
     if (!time) {

package/dist/runtime/utils/TimeHelper.spec.mjs

@@ -1,54 +1,63 @@
-import { test, assert } from "vitest";
+import { assert, describe, it, vi } from "vitest";
 import { TimeHelper } from "./TimeHelper.mjs";
-test("toUTC should convert time to UTC format", () => {
-  const inputTime = "2023-12-19 12:00";
-  const expectedOutput = "2023-12-19 05:00";
-  const result = TimeHelper.toUTC(inputTime);
-  assert.equal(result, expectedOutput);
-});
-test("toLocal should convert time to local format", () => {
-  const inputTime = "2023-12-19 12:00";
-  const expectedOutput = "2023-12-19 19:00";
-  const result = TimeHelper.toLocal(inputTime);
-  assert.equal(result, expectedOutput);
-});
-test("getCurrentDate should return the current date in yyyy-MM-dd format", () => {
-  const expectedOutputRegex = /^\d{4}-\d{2}-\d{2}$/;
-  const result = TimeHelper.getCurrentDate();
-  assert.match(result, expectedOutputRegex);
-});
-test("getDateFormTime should convert time to date format", () => {
-  const inputTime = "2023-12-19 12:00";
-  const expectedOutput = "2023-12-19";
-  const result = TimeHelper.getDateFormTime(inputTime);
-  assert.equal(result, expectedOutput);
-});
-test("getDateFormTimeWithLocal should convert time to date format with local time", () => {
-  const inputTime = "2023-12-19 12:00";
-  const expectedOutputRegex = /^\d{4}-\d{2}-\d{2}$/;
-  const result = TimeHelper.getDateFormTimeWithLocal(inputTime);
-  assert.match(result, expectedOutputRegex);
-});
-test("getISODateTimeFormTime should convert time to ISO date-time format", () => {
-  const inputTime = "2023-12-19 14:30";
-  const expectedOutput = "2023-12-19T14:30:00+07:00";
-  const result = TimeHelper.getISODateTimeFormTime(inputTime);
-  assert.equal(result, expectedOutput);
-});
-test("getDateTimeFormTime should convert time to date-time format", () => {
-  const inputTime = "2023-12-19 12:00";
-  const expectedOutputRegex = /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}$/;
-  const result = TimeHelper.getDateTimeFormTime(inputTime);
-  assert.match(result, expectedOutputRegex);
-});
-test("getTimeFormTime should convert time to time format", () => {
-  const inputTime = "2023-12-19 12:00";
-  const expectedOutputRegex = /^\d{2}:\d{2}$/;
-  const result = TimeHelper.getTimeFormTime(inputTime);
-  assert.match(result, expectedOutputRegex);
-});
-test("getCurrentDateTime should return the current date and time in yyyy-MM-dd HH:mm format", () => {
-  const expectedOutputRegex = /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}$/;
-  const result = TimeHelper.getCurrentDateTime();
-  assert.match(result, expectedOutputRegex);
+vi.mock("#core/composables/useConfig", () => ({
+  useCoreConfig: () => ({
+    date_format: "yyyy-MM-dd",
+    date_time_format: "yyyy-MM-dd HH:mm",
+    time_format: "HH:mm"
+  })
+}));
+describe("TimeHelper", async () => {
+  it("toUTC should convert time to UTC format", () => {
+    const inputTime = "2023-12-19 12:00";
+    const expectedOutput = "2023-12-19 05:00";
+    const result = TimeHelper.toUTC(inputTime);
+    assert.equal(result, expectedOutput);
+  });
+  it("toLocal should convert time to local format", () => {
+    const inputTime = "2023-12-19 12:00";
+    const expectedOutput = "2023-12-19 19:00";
+    const result = TimeHelper.toLocal(inputTime);
+    assert.equal(result, expectedOutput);
+  });
+  it("getCurrentDate should return the current date in yyyy-MM-dd format", () => {
+    const expectedOutputRegex = /^\d{4}-\d{2}-\d{2}$/;
+    const result = TimeHelper.getCurrentDate();
+    assert.match(result, expectedOutputRegex);
+  });
+  it("getDateFormTime should convert time to date format", () => {
+    const inputTime = "2023-12-19 12:00";
+    const expectedOutput = "2023-12-19";
+    const result = TimeHelper.getDateFormTime(inputTime);
+    assert.equal(result, expectedOutput);
+  });
+  it("getDateFormTimeWithLocal should convert time to date format with local time", () => {
+    const inputTime = "2023-12-19 12:00";
+    const expectedOutputRegex = /^\d{4}-\d{2}-\d{2}$/;
+    const result = TimeHelper.getDateFormTimeWithLocal(inputTime);
+    assert.match(result, expectedOutputRegex);
+  });
+  it("getISODateTimeFormTime should convert time to ISO date-time format", () => {
+    const inputTime = "2023-12-19 14:30";
+    const expectedOutput = "2023-12-19T14:30:00+07:00";
+    const result = TimeHelper.getISODateTimeFormTime(inputTime);
+    assert.equal(result, expectedOutput);
+  });
+  it("getDateTimeFormTime should convert time to date-time format", () => {
+    const inputTime = "2023-12-19 12:00";
+    const expectedOutputRegex = /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}$/;
+    const result = TimeHelper.getDateTimeFormTime(inputTime);
+    assert.match(result, expectedOutputRegex);
+  });
+  it("getTimeFormTime should convert time to time format", () => {
+    const inputTime = "2023-12-19 12:00";
+    const expectedOutputRegex = /^\d{2}:\d{2}$/;
+    const result = TimeHelper.getTimeFormTime(inputTime);
+    assert.match(result, expectedOutputRegex);
+  });
+  it("getCurrentDateTime should return the current date and time in yyyy-MM-dd HH:mm format", () => {
+    const expectedOutputRegex = /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}$/;
+    const result = TimeHelper.getCurrentDateTime();
+    assert.match(result, expectedOutputRegex);
+  });
 });

package/package.json

@@ -1,79 +1,82 @@
-{
-  "name": "@finema/core",
-  "version": "1.4.2",
-  "repository": "https://gitlab.finema.co/finema/ui-kit",
-  "license": "MIT",
-  "author": "Finema Dev Core Team",
-  "type": "module",
-  "exports": {
-    ".": {
-      "types": "./dist/types.d.ts",
-      "import": "./dist/module.mjs",
-      "require": "./dist/module.cjs"
-    }
-  },
-  "main": "./dist/module.cjs",
-  "types": "./dist/types.d.ts",
-  "files": [
-    "dist"
-  ],
-  "engines": {
-    "node": ">=18.0.0"
-  },
-  "scripts": {
-    "prepack": "nuxt-module-build build",
-    "dev": "nuxi dev playground",
-    "dev:build": "nuxi build playground",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
-    "lint": "eslint .",
-    "lint:fix": "eslint . --fix",
-    "test": "vitest run",
-    "test:watch": "vitest watch",
-    "release": "release-it --ci",
-    "prepare": "husky install"
-  },
-  "dependencies": {
-    "@nuxt/kit": "^3.7.4",
-    "@nuxt/ui": "^2.11.1",
-    "@pinia/nuxt": "^0.5.1",
-    "@vee-validate/nuxt": "^4.12.3",
-    "@vee-validate/zod": "^4.12.3",
-    "@vuepic/vue-datepicker": "^7.4.0",
-    "axios": "^1.6.2",
-    "date-fns": "^3.0.6",
-    "i18next": "^23.7.11",
-    "lodash-es": "^4.17.21",
-    "nuxt-security": "^1.0.0",
-    "pinia": "^2.1.7",
-    "url-join": "^5.0.0",
-    "zod": "^3.22.4",
-    "zod-i18n-map": "^2.23.0"
-  },
-  "devDependencies": {
-    "@finema/eslint-config": "^1.2.0",
-    "@nuxt/devtools": "latest",
-    "@nuxt/eslint-config": "^0.2.0",
-    "@nuxt/module-builder": "^0.5.4",
-    "@nuxt/schema": "^3.7.4",
-    "@nuxt/test-utils": "^3.9.0",
-    "@release-it/conventional-changelog": "^8.0.1",
-    "@types/lodash-es": "^4.17.12",
-    "@types/node": "^18.18.1",
-    "changelogen": "^0.5.5",
-    "eslint": "^8.56.0",
-    "husky": "^8.0.3",
-    "lint-staged": "^15.2.0",
-    "nuxt": "^3.8.2",
-    "prettier": "^3.1.1",
-    "release-it": "^17.0.1",
-    "sass": "^1.69.5",
-    "stylelint": "^16.0.2",
-    "stylelint-config-prettier-scss": "^1.0.0",
-    "stylelint-config-standard-scss": "^12.0.0",
-    "vitest": "^1.1.0"
-  },
-  "lint-staged": {
-    "*.{ts,vue,tsx,js}": "eslint --fix",
-    "*.{html,json}": "prettier --write"
-  }
-}
+{
+  "name": "@finema/core",
+  "version": "1.4.5",
+  "repository": "https://gitlab.finema.co/finema/ui-kit",
+  "license": "MIT",
+  "author": "Finema Dev Core Team",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/module.mjs",
+      "require": "./dist/module.cjs"
+    }
+  },
+  "main": "./dist/module.cjs",
+  "types": "./dist/types.d.ts",
+  "files": [
+    "dist"
+  ],
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "scripts": {
+    "prepack": "nuxt-module-build build",
+    "dev": "nuxi dev playground",
+    "dev:build": "nuxi build playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "test": "vitest run",
+    "test:watch": "vitest watch",
+    "release": "release-it --ci",
+    "prepare": "husky install"
+  },
+  "dependencies": {
+    "@nuxt/kit": "^3.7.4",
+    "@nuxt/ui": "^2.11.1",
+    "@pinia/nuxt": "^0.5.1",
+    "@vee-validate/nuxt": "^4.12.3",
+    "@vee-validate/zod": "^4.12.3",
+    "@vuepic/vue-datepicker": "^7.4.0",
+    "axios": "^1.6.2",
+    "date-fns": "^3.0.6",
+    "i18next": "^23.7.11",
+    "lodash-es": "^4.17.21",
+    "nuxt-security": "^1.0.0",
+    "pinia": "^2.1.7",
+    "url-join": "^5.0.0",
+    "zod": "^3.22.4",
+    "zod-i18n-map": "^2.23.0"
+  },
+  "devDependencies": {
+    "@finema/eslint-config": "^1.2.0",
+    "@nuxt/devtools": "latest",
+    "@nuxt/eslint-config": "^0.2.0",
+    "@nuxt/module-builder": "^0.5.4",
+    "@nuxt/schema": "^3.7.4",
+    "@nuxt/test-utils": "^3.9.0",
+    "@release-it/conventional-changelog": "^8.0.1",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^18.18.1",
+    "@vue/test-utils": "^2.4.3",
+    "changelogen": "^0.5.5",
+    "eslint": "^8.56.0",
+    "happy-dom": "^12.10.3",
+    "husky": "^8.0.3",
+    "lint-staged": "^15.2.0",
+    "nuxt": "^3.8.2",
+    "playwright-core": "^1.40.1",
+    "prettier": "^3.1.1",
+    "release-it": "^17.0.1",
+    "sass": "^1.69.5",
+    "stylelint": "^16.0.2",
+    "stylelint-config-prettier-scss": "^1.0.0",
+    "stylelint-config-standard-scss": "^12.0.0",
+    "vitest": "^1.1.0"
+  },
+  "lint-staged": {
+    "*.{ts,vue,tsx,js}": "eslint --fix",
+    "*.{html,json}": "prettier --write"
+  }
+}