@7pmlabs/design-system 0.1.0

package/dist/types/components/BTextField.vue.d.ts

@@ -0,0 +1,112 @@
+import { type ValidationRule } from '@/composables/Validation';
+/**
+ * Props
+ */
+export interface Props {
+    inputId?: string;
+    inputCssClass?: string;
+    validationRules?: ValidationRule[];
+    modelValue: string | number;
+    label?: string;
+    prependIcon?: string;
+    hidePrependIcon?: boolean;
+    appendIcon?: string;
+    hideAppendIcon?: boolean;
+    placeholder?: string;
+    autocomplete?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    type?: string;
+    required?: boolean;
+    requiredErrorMessage?: string;
+    hideDetails?: boolean;
+    keyPressFn?: any;
+    inputmode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
+}
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    inputId: string;
+    inputCssClass: string;
+    validationRules: any;
+    label: string;
+    prependIcon: string;
+    hidePrependIcon: boolean;
+    appendIcon: string;
+    hideAppendIcon: boolean;
+    placeholder: string;
+    autocomplete: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    type: string;
+    required: boolean;
+    requiredErrorMessage: string;
+    hideDetails: boolean;
+    keyPressFn: any;
+    inputmode: string;
+}>, {
+    validate: () => void;
+    focus: () => void;
+    blur: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "focus" | "update:modelValue" | "click:prepend" | "click:append" | "press:enter")[], "blur" | "focus" | "update:modelValue" | "click:prepend" | "click:append" | "press:enter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    inputId: string;
+    inputCssClass: string;
+    validationRules: any;
+    label: string;
+    prependIcon: string;
+    hidePrependIcon: boolean;
+    appendIcon: string;
+    hideAppendIcon: boolean;
+    placeholder: string;
+    autocomplete: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    type: string;
+    required: boolean;
+    requiredErrorMessage: string;
+    hideDetails: boolean;
+    keyPressFn: any;
+    inputmode: string;
+}>>> & {
+    onFocus?: (...args: any[]) => any;
+    onBlur?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onClick:prepend"?: (...args: any[]) => any;
+    "onClick:append"?: (...args: any[]) => any;
+    "onPress:enter"?: (...args: any[]) => any;
+}, {
+    required: boolean;
+    type: string;
+    label: string;
+    autocomplete: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    placeholder: string;
+    inputmode: "search" | "numeric" | "none" | "url" | "text" | "decimal" | "tel" | "email";
+    prependIcon: string;
+    appendIcon: string;
+    inputId: string;
+    inputCssClass: string;
+    validationRules: ValidationRule[];
+    requiredErrorMessage: string;
+    hideDetails: boolean;
+    hidePrependIcon: boolean;
+    hideAppendIcon: boolean;
+    keyPressFn: any;
+}, {}>;
+export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+declare type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+declare type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/types/components/BTextarea.vue.d.ts

@@ -0,0 +1,81 @@
+import { type ValidationRule } from '@/composables/Validation';
+/**
+ * Props
+ */
+export interface Props {
+    inputId?: string;
+    inputCssClass?: string;
+    modelValue: string;
+    validationRules?: ValidationRule[];
+    label?: string;
+    placeholder: string;
+    autocomplete?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    rows?: number;
+    required: boolean;
+    requiredErrorMessage: string;
+    hideDetails: boolean;
+}
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    inputId: string;
+    inputCssClass: string;
+    validationRules: any;
+    label: string;
+    placeholder: string;
+    autocomplete: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    rows: number;
+    required: boolean;
+    requiredErrorMessage: string;
+    hideDetails: boolean;
+}>, {
+    validate: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    inputId: string;
+    inputCssClass: string;
+    validationRules: any;
+    label: string;
+    placeholder: string;
+    autocomplete: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    rows: number;
+    required: boolean;
+    requiredErrorMessage: string;
+    hideDetails: boolean;
+}>>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    required: boolean;
+    label: string;
+    autocomplete: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    placeholder: string;
+    inputId: string;
+    inputCssClass: string;
+    validationRules: ValidationRule[];
+    requiredErrorMessage: string;
+    hideDetails: boolean;
+    rows: number;
+}, {}>;
+export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+declare type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+declare type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/types/components/BToast/BToast.vue.d.ts

@@ -0,0 +1,28 @@
+import type { BToastItemModel } from '@/types';
+/**
+ * Props
+ */
+export interface Props {
+    modelValue: BToastItemModel[];
+}
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {}, {}>;
+export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+declare type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+declare type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/types/components/BToast/BToastItem.vue.d.ts

@@ -0,0 +1,46 @@
+import { BToastItemType } from '@/constants/Enums';
+/**
+ * Props
+ */
+export interface Props {
+    text?: string;
+    icon?: string;
+    type?: `${BToastItemType}`;
+    hideClose?: boolean;
+}
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    text: string;
+    icon: string;
+    type: BToastItemType;
+    hideClose: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    text: string;
+    icon: string;
+    type: BToastItemType;
+    hideClose: boolean;
+}>>> & {
+    onClose?: (...args: any[]) => any;
+}, {
+    type: "error" | "default" | "success";
+    text: string;
+    icon: string;
+    hideClose: boolean;
+}, {}>;
+export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+declare type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+declare type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/types/components/BTooltip.vue.d.ts

@@ -0,0 +1,50 @@
+import { BTooltipOpenEvent, BTooltipPosition } from '@/constants/Enums';
+/**
+ * Props
+ */
+export interface Props {
+    modelValue?: boolean;
+    position?: `${BTooltipPosition}`;
+    openEvent?: `${BTooltipOpenEvent}`;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    modelValue: boolean;
+    position: BTooltipPosition;
+    openEvent: BTooltipOpenEvent;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    modelValue: boolean;
+    position: BTooltipPosition;
+    openEvent: BTooltipOpenEvent;
+}>>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    position: "left" | "top" | "bottom" | "right";
+    modelValue: boolean;
+    openEvent: "click" | "focus" | "hover";
+}, {}>, {
+    toggle?(_: {}): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+declare type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+declare type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/types/components/index.d.ts

@@ -0,0 +1,28 @@
+export { default as BToast } from './BToast/BToast.vue';
+export { default as BToastItem } from './BToast/BToastItem.vue';
+export { default as BButton } from './BButton.vue';
+export { default as BTextField } from './BTextField.vue';
+export { default as BCheckbox } from './BCheckbox.vue';
+export { default as BCarousel } from './BCarousel/BCarousel.vue';
+export { default as BCarouselItem } from './BCarousel/BCarouselItem.vue';
+export { default as BOtpField } from './BOtpField/BOtpField.vue';
+export { default as BRadio } from './BRadio.vue';
+export { default as BSelect } from './BSelect.vue';
+export { default as BMultiSelect } from './BMultiSelect.vue';
+export { default as BModal } from './BModal/BModal.vue';
+export { default as BModalHeader } from './BModal/BModalHeader.vue';
+export { default as BModalBody } from './BModal/BModalBody.vue';
+export { default as BModalFooter } from './BModal/BModalFooter.vue';
+export { default as BLoadingBar } from './BLoadingBar.vue';
+export { default as BLabel } from './BLabel.vue';
+export { default as BErrorMessage } from './BErrorMessage.vue';
+export { default as BDropdown } from './BDropdown/BDropdown.vue';
+export { default as BDropdownContent } from './BDropdown/BDropdownContent.vue';
+export { default as BDropdownItem } from './BDropdown/BDropdownItem.vue';
+export { default as BPagination } from './BPagination.vue';
+export { default as BCollapse } from './BCollapse.vue';
+export { default as BTabs } from './BTabs/BTabs.vue';
+export { default as BTab } from './BTabs/BTab.vue';
+export { default as BLoadingOverlay } from './BLoadingOverlay.vue';
+export { default as BDatePicker } from './BDatePicker.vue';
+export { default as BTextarea } from './BTextarea.vue';

package/dist/types/composables/Date.d.ts

@@ -0,0 +1,7 @@
+export declare function useDate(): {
+    formatTime: (date: Date) => string | Date;
+    formatDate: (date: Date) => string | Date;
+    formatDateHuge: (date: Date) => string | Date;
+    formatMonthYear: (date: Date, type?: 'full' | 'short' | 'number') => string | Date;
+    dayShortNames: import("vue").ComputedRef<Record<number, string>>;
+};

package/dist/types/composables/Validation.d.ts

@@ -0,0 +1,42 @@
+import { type Ref } from 'vue';
+/**
+ * Types
+ */
+export declare type ValidationRuleFunction = (val: any) => boolean;
+export declare type ValidationErrorMessageFunction = () => string;
+export interface ValidationRule {
+    validateRule: ValidationRuleFunction;
+    errorMessage: ValidationErrorMessageFunction;
+}
+export interface ValidationResult {
+    validate: () => void;
+    fieldValue: Ref<any>;
+    valid: boolean;
+    errorMessage: ValidationErrorMessageFunction;
+}
+export declare const FormValidationProviderName = "formValidation";
+/**
+ * ValidationForm
+ * @returns
+ */
+export declare function useValidationForm(): {
+    validationForm: Record<string, Ref<ValidationResult>>;
+    validateAll: () => boolean;
+    resetAll: () => void;
+};
+/**
+ * Validation Field
+ * @param key
+ * @param fieldValue
+ * @param validationRules
+ * @returns
+ */
+export declare function useValidationField(key: string, fieldValue: Ref<any>, validationRules: ValidationRule[] | undefined): {
+    validate: () => void;
+    validationResult: Ref<{
+        validate: () => void;
+        fieldValue: any;
+        valid: boolean;
+        errorMessage: ValidationErrorMessageFunction;
+    }>;
+};

package/dist/types/constants/Common.d.ts

@@ -0,0 +1,2 @@
+export declare const DateDelimiter = "/";
+export declare const RequiredSymbol = "*";

package/dist/types/constants/Enums.d.ts

@@ -0,0 +1,100 @@
+/**
+ * BButton
+ */
+export declare enum BButtonType {
+    Primary = "primary",
+    Secondary = "secondary",
+    Additional = "additional",
+    Clear = "clear",
+    Icon = "icon"
+}
+export declare enum BButtonSize {
+    Small = "sm",
+    Medium = "md"
+}
+/**
+ * BToast
+ */
+export declare enum BToastItemType {
+    Success = "success",
+    Error = "error",
+    Default = "default"
+}
+/**
+ * BSelect
+ */
+export declare enum BSelectSize {
+    ExtraSmall = "xs",
+    Small = "sm",
+    Medium = "md",
+    Large = "lg"
+}
+/**
+ * BModal
+ */
+export declare enum BModalSize {
+    Small = "sm",
+    Medium = "md",
+    Large = "lg"
+}
+/**
+ * BCheckbox
+ */
+export declare enum BCheckboxSize {
+    Small = "sm",
+    Medium = "md"
+}
+/**
+ * BRadio
+ */
+export declare enum BRadioSize {
+    Small = "sm",
+    Medium = "md"
+}
+/**
+ * BTooltip
+ */
+export declare enum BTooltipPosition {
+    Top = "top",
+    Right = "right",
+    Bottom = "bottom",
+    Left = "left"
+}
+export declare enum BTooltipOpenEvent {
+    Click = "click",
+    Focus = "focus",
+    Hover = "hover"
+}
+/**
+ * BTextEditor
+ */
+export declare enum BTextEditorExtension {
+    Bold = "bold",
+    Italic = "italic",
+    Strike = "strike",
+    Highlight = "highlight",
+    Youtube = "youtube",
+    Image = "image",
+    Audio = "audio",
+    FileDownload = "fileDownload",
+    QuestionBlank = "questionBlank",
+    Blockquote = "blockquote",
+    Color = "color",
+    BulletList = "bulletList",
+    CharacterCount = "characterCount"
+}
+/**
+ * BLoadingOverlay
+ */
+export declare enum BLoadingOverlaySpinnerSize {
+    Small = "sm",
+    Medium = "md",
+    Large = "lg"
+}
+/**
+ * BPagination
+ */
+export declare enum BPaginationSize {
+    Small = "sm",
+    Medium = "md"
+}

package/dist/types/helpers/ComponentHelper.d.ts

@@ -0,0 +1,7 @@
+export declare const ensureVisiblePosition: (parentEl: HTMLElement, menuEl: HTMLElement, menuFixed?: boolean) => void;
+export declare const ensureVisibleX: (parentEl: HTMLElement, menuEl: HTMLElement, menuFixed?: boolean) => void;
+export declare const ensureVisibleY: (parentEl: HTMLElement, menuEl: HTMLElement, menuFixed?: boolean) => void;
+export declare const resetPosition: (parentEl: HTMLElement, menuEl: HTMLElement) => void;
+export declare const scrollToTop: () => void;
+export declare const lockScrollBody: () => void;
+export declare const unlockScrollBody: () => void;

package/dist/types/helpers/DateHelper.d.ts

@@ -0,0 +1,2 @@
+export declare const checkIfISOFormat: (str?: string | Date) => boolean;
+export declare const padStartZero: (val: number, maxLength: number) => string;

package/dist/types/index.d.ts

@@ -0,0 +1,9 @@
+export * from './types';
+export * from './components';
+export * from './composables/Validation';
+export * from './composables/Date';
+export * from './constants/Common';
+export * from './constants/Enums';
+export * from './helpers/ComponentHelper';
+import './assets/styles/main.scss';
+export { default as default } from './plugin';

package/dist/types/playground/PlaygroundView.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/types/plugin.d.ts

@@ -0,0 +1,8 @@
+import type { App } from 'vue';
+import type { I18n } from 'vue-i18n';
+declare const _default: {
+    install: (app: App<Element>, options: {
+        i18n: I18n;
+    }) => void;
+};
+export default _default;

package/dist/types/types/Common.d.ts

@@ -0,0 +1,5 @@
+export interface DisplayItem {
+    text: any;
+    value: any;
+    cssClass?: string;
+}

package/dist/types/types/components/BTabs.d.ts

@@ -0,0 +1,4 @@
+export interface BTabsHeader {
+    text: string;
+    disabled?: boolean;
+}

package/dist/types/types/components/BToast.d.ts

@@ -0,0 +1,8 @@
+import type { BToastItemType } from '@/constants/Enums';
+export interface BToastItemModel {
+    id?: string;
+    text: string;
+    icon?: string;
+    duration?: number;
+    type?: `${BToastItemType}`;
+}

package/dist/types/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Common';
+export * from './components/BToast';

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@7pmlabs/design-system",
+  "version": "0.1.0",
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js"
+    },
+    "./style.css": {
+      "import": "./dist/style.css",
+      "require": "./dist/style.css"
+    }
+  },
+  "main": "./dist/index.umd.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/types/index.d.ts",
+  "files": [
+    "dist/**/*"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "dev:host": "npm run dev -- --host",
+    "preview": "vite preview",
+    "publish-package": "npm run build && npm publish",
+    "build": "run-p lint build:lib",
+    "build:lib": "vite build && npm run build:types",
+    "build:types": "vue-tsc --project tsconfig.build-types.json --declaration --emitDeclarationOnly --outDir dist/types ",
+    "test:unit": "vitest --environment jsdom --root src/",
+    "type-check": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
+    "eslint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "lint": "npm run eslint; npm run type-check",
+    "format": "prettier .  --write"
+  },
+  "dependencies": {
+    "7pmlabs-icons": "^0.1.2",
+    "@babel/core": "^7.20.5",
+    "@vueuse/core": "^9.12.0",
+    "air-datepicker": "3.3.0",
+    "imask": "^6.4.3",
+    "lodash": "^4.17.21",
+    "moment-mini": "^2.29.4",
+    "uuid": "^9.0.0",
+    "vue": "^3.3.4",
+    "vue-i18n": "^9.2.2"
+  },
+  "devDependencies": {
+    "@intlify/eslint-plugin-vue-i18n": "^2.0.0",
+    "@rushstack/eslint-patch": "^1.1.4",
+    "@types/jsdom": "^20.0.0",
+    "@types/lodash": "^4.14.188",
+    "@types/node": "^16.18.4",
+    "@types/uuid": "^8.3.4",
+    "@typescript-eslint/eslint-plugin": "^5.42.0",
+    "@typescript-eslint/parser": "^5.42.0",
+    "@vitejs/plugin-vue": "^4.2.3",
+    "@vue/eslint-config-prettier": "^7.0.0",
+    "@vue/eslint-config-typescript": "^11.0.0",
+    "@vue/test-utils": "^2.1.0",
+    "@vue/tsconfig": "^0.1.3",
+    "autoprefixer": "^10.4.13",
+    "eslint": "^8.22.0",
+    "eslint-plugin-vue": "^9.3.0",
+    "jsdom": "^20.0.1",
+    "npm-run-all": "^4.1.5",
+    "postcss": "^8.4.19",
+    "prettier": "^2.7.1",
+    "prettier-plugin-tailwindcss": "^0.2.5",
+    "sass": "^1.56.0",
+    "tailwindcss": "^3.3.1",
+    "typescript": "~4.7.4",
+    "vite": "^4.3.5",
+    "vitest": "^0.31.1",
+    "vue-eslint-parser": "^9.1.0",
+    "vue-tsc": "^1.6.4"
+  }
+}