pukaad-ui-lib 1.227.2 → 1.228.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "pukaad-ui-lib",
   "configKey": "pukaadUI",
-  "version": "1.227.2",
+  "version": "1.228.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -57,13 +57,7 @@ const module$1 = defineNuxtModule({
       },
       format: ["webp"]
     });
-    await installModule("nuxt-google-translate", {
-      defaultLanguage: "th",
-      supportedLanguages: ["en", "th"]
-    });
     await installModule("nuxt-rating");
-    await installModule("@pinia/nuxt");
-    await installModule("pinia-plugin-persistedstate/nuxt");
     await installModule("shadcn-nuxt", {
       prefix: "shad",
       componentDir: resolver.resolve("./runtime/components/ui")

package/dist/runtime/components/avatar.vue

@@ -1,6 +1,5 @@
 <script setup>
 import { computed } from "vue";
-import { UserIcon } from "lucide-vue-next";
 import { cn } from "@/runtime/plugins/shadcn";
 const props = defineProps({
   size: { type: [Number, String], required: false, default: 40 },

package/dist/runtime/components/input/input-file.d.vue.ts

@@ -35,8 +35,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     fullHeight: boolean;
     name: string;
     limit: number;
-    accept: string;
     disabledErrorMessage: boolean;
+    accept: string;
     labelIcon: string;
     disabledDrop: boolean;
     column: boolean;

package/dist/runtime/components/input/input-file.vue.d.ts

@@ -35,8 +35,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     fullHeight: boolean;
     name: string;
     limit: number;
-    accept: string;
     disabledErrorMessage: boolean;
+    accept: string;
     labelIcon: string;
     disabledDrop: boolean;
     column: boolean;

package/dist/runtime/components/input/input-password.d.vue.ts

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     id: string;
     name: string;
-    disabledForgotPassword: boolean;
     new: boolean;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-password.vue.d.ts

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     id: string;
     name: string;
-    disabledForgotPassword: boolean;
     new: boolean;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-rating.vue

@@ -7,7 +7,7 @@
     :read-only="props.readonly"
     :rating-step="props.ratingStep"
     :rounded-corners="true"
-    :rating-size="props.size"
+    :rating-size="`${props.size}px`"
     :rating-content="[
   12,
   17.27,

package/dist/runtime/components/input/input-slider.d.vue.ts

@@ -13,8 +13,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     color: InputSliderColor;
     fullWidth: boolean;
     step: number;
-    max: number;
     min: number;
+    max: number;
     lineHeight: number | string;
     appearance: boolean;
     thumbSize: number | string;

package/dist/runtime/components/input/input-slider.vue.d.ts

@@ -13,8 +13,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     color: InputSliderColor;
     fullWidth: boolean;
     step: number;
-    max: number;
     min: number;
+    max: number;
     lineHeight: number | string;
     appearance: boolean;
     thumbSize: number | string;

package/dist/runtime/components/modal/modal-password-confirmed.d.vue.ts

@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     }) => any) | undefined;
 }>, {
     title: string;
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-password-confirmed.vue.d.ts

@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     }) => any) | undefined;
 }>, {
     title: string;
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-password-verify.d.vue.ts

@@ -28,8 +28,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     title: string;
     mode: "login" | "secure";
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-password-verify.vue

@@ -1,30 +1,13 @@
 <template>
-  <Modal
-    :title="props.title"
-    :loading="loading"
-    v-model="isOpen"
-    @close="emit('close')"
-    @submit="handleSubmit"
-  >
+  <Modal :title="props.title" :loading="loading" v-model="isOpen" @close="emit('close')" @submit="handleSubmit">
     <div v-if="props.description" class="font-body-large">
       {{ props.description }}
     </div>
-    <InputPassword
-      ref="inputRef"
-      disabled-forgot-password
-      required
-      label="รหัสผ่าน"
-      placeholder="กรอกรหัสผ่าน"
-      v-model="password"
-    />
+    <InputPassword ref="inputRef" disabled-forgot-password required label="รหัสผ่าน" placeholder="กรอกรหัสผ่าน"
+      v-model="password" />
 
     <template #footer="{ meta }">
-      <Button
-        type="submit"
-        color="primary"
-        class="w-full"
-        :disabled="!meta.valid"
-      >
+      <Button type="submit" color="primary" class="w-full" :disabled="!meta.valid">
         {{ props.confirmText }}
       </Button>
     </template>
@@ -63,11 +46,11 @@ const handleSubmit = async () => {
   loading.value = true;
   try {
     if (props.mode === "secure") {
-      const { status } = await api("/me/password-verify", {
+      const res = await api("/me/password-verify", {
         method: "POST",
         body: { password: password.value }
       });
-      if (status !== "success") throw "\u0E23\u0E2B\u0E31\u0E2A\u0E1C\u0E48\u0E32\u0E19\u0E44\u0E21\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07";
+      if (res.title !== "\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08") throw "\u0E23\u0E2B\u0E31\u0E2A\u0E1C\u0E48\u0E32\u0E19\u0E44\u0E21\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07";
       emit("complete", { secId: "" });
       isOpen.value = false;
     } else {
@@ -83,8 +66,8 @@ const handleSubmit = async () => {
           password: password.value
         }
       });
-      if (res.code === 200 && res.data) {
-        emit("complete", { secId: res.data.sec_id });
+      if (res.title === "\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08") {
+        emit("complete", { secId: res.data?.sec_id || "" });
         isOpen.value = false;
       } else {
         inputRef.value?.setErrors?.(res.message || "\u0E23\u0E2B\u0E31\u0E2A\u0E1C\u0E48\u0E32\u0E19\u0E44\u0E21\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07");

package/dist/runtime/components/modal/modal-password-verify.vue.d.ts

@@ -28,8 +28,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     title: string;
     mode: "login" | "secure";
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/breadcrumb/BreadcrumbEllipsis.vue

@@ -1,5 +1,4 @@
 <script setup>
-import { DotsHorizontalIcon } from "@radix-icons/vue";
 import { cn } from "@/runtime/plugins/shadcn";
 const props = defineProps({
   class: { type: null, required: false }
@@ -14,7 +13,7 @@ const props = defineProps({
     :class="cn('flex size-9 items-center justify-center', props.class)"
   >
     <slot>
-      <DotsHorizontalIcon class="size-4" />
+      <Icon name="lucide:ellipsis" class="size-4" />
     </slot>
     <span class="sr-only">More</span>
   </span>

package/dist/runtime/components/ui/breadcrumb/BreadcrumbSeparator.vue

@@ -1,5 +1,4 @@
 <script setup>
-import { ChevronRightIcon } from "@radix-icons/vue";
 import { cn } from "@/runtime/plugins/shadcn";
 const props = defineProps({
   class: { type: null, required: false }
@@ -14,7 +13,7 @@ const props = defineProps({
     :class="cn('[&>svg]:size-3.5', props.class)"
   >
     <slot>
-      <ChevronRightIcon />
+      <Icon name="lucide:chevron-right" />
     </slot>
   </li>
 </template>

package/dist/runtime/components/ui/native-select/NativeSelect.vue

@@ -1,6 +1,5 @@
 <script setup>
 import { reactiveOmit, useVModel } from "@vueuse/core";
-import { ChevronDownIcon } from "lucide-vue-next";
 import { cn } from "@/runtime/plugins/shadcn";
 defineOptions({
   inheritAttrs: false
@@ -35,7 +34,8 @@ const delegatedProps = reactiveOmit(props, "class");
     >
       <slot />
     </select>
-    <ChevronDownIcon
+    <Icon
+      name="lucide:chevron-down"
       class="text-muted-foreground pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 opacity-50 select-none"
       aria-hidden="true"
       data-slot="native-select-icon"

package/dist/runtime/components/ui/spinner/Spinner.vue

@@ -1,5 +1,4 @@
 <script setup>
-import { Loader2Icon } from "lucide-vue-next";
 import { cn } from "@/runtime/plugins/shadcn";
 const props = defineProps({
   class: { type: null, required: false }
@@ -7,7 +6,8 @@ const props = defineProps({
 </script>
 
 <template>
-  <Loader2Icon
+  <Icon
+    name="lucide:loader-2"
     role="status"
     aria-label="Loading"
     :class="cn('size-4 animate-spin', props.class)"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pukaad-ui-lib",
-  "version": "1.227.2",
+  "version": "1.228.0",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",
@@ -34,57 +34,41 @@
     "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
   },
   "dependencies": {
-    "@cropper/element-canvas": "^2.0.0",
+    "@nuxt/fonts": "^0.13.0",
     "@nuxt/icon": "^1.10.3",
     "@nuxt/image": "^1.9.0",
-    "@pinia/nuxt": "^0.11.1",
+    "@nuxt/kit": "^4.0.0",
     "@tailwindcss/vite": "4.0.7",
     "@tanstack/vue-table": "^8.21.3",
     "@vee-validate/nuxt": "^4.15.0",
-    "@vee-validate/yup": "^4.15.0",
-    "@vee-validate/zod": "^4.15.1",
-    "@vueup/vue-quill": "^1.2.0",
     "@vueuse/core": "^14.2.1",
     "@vueuse/nuxt": "^12.7.0",
-    "changelogen": "^0.5.7",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cropperjs": "^1.6.2",
     "dayjs": "^1.11.13",
     "embla-carousel-vue": "^8.6.0",
-    "input-otp": "^1.4.2",
     "leaflet": "^1.9.4",
-    "lodash": "^4.17.21",
-    "nuxt": "^4.0.3",
-    "nuxt-google-translate": "^1.2.0",
     "nuxt-rating": "^0.1.6",
-    "pinia": "^3.0.3",
-    "pinia-plugin-persistedstate": "^4.4.1",
     "quill": "^2.0.3",
-    "quill-delta-to-html": "^0.12.1",
     "reka-ui": "^2.8.2",
     "shadcn-nuxt": "^2.3.3",
-    "shadcn-vue": "^2.3.2",
     "tailwind-merge": "^3.4.0",
     "tailwind-variants": "^3.1.1",
     "tailwindcss": "4.0.7",
-    "tailwindcss-animate": "^1.0.7",
     "tw-animate-css": "^1.4.0",
-    "typescript": "^5.9.3",
     "vee-validate": "^4.15.1",
-    "vitest": "^3.0.4",
-    "vue-cropperjs": "^5.0.0",
-    "vue-sfc-transformer": "^0.1.17",
-    "vue-tsc": "^3.1.3",
-    "vue3-recaptcha-v2": "^2.1.0",
-    "zod": "^3.25.76"
+    "vue3-recaptcha-v2": "^2.1.0"
+  },
+  "peerDependencies": {
+    "nuxt": "^3.15.0 || ^4.0.0",
+    "vue": "^3.5.0"
   },
   "devDependencies": {
+    "@cropper/element-canvas": "^2.0.0",
     "@iconify-json/lucide": "^1.2.72",
     "@nuxt/devtools": "^1.7.0",
     "@nuxt/eslint-config": "^0.7.5",
-    "@nuxt/fonts": "^0.13.0",
-    "@nuxt/kit": "^4.0.0",
     "@nuxt/module-builder": "^1.0.1",
     "@nuxt/schema": "^4.0.0",
     "@nuxt/test-utils": "^3.15.4",
@@ -93,6 +77,21 @@
     "@types/leaflet": "^1.9.21",
     "@types/node": "^24.9.1",
     "@types/vue-cropperjs": "^4.1.6",
-    "@vue/compiler-sfc": "^3.5.24"
+    "@vue/compiler-sfc": "^3.5.24",
+    "changelogen": "^0.5.7",
+    "input-otp": "^1.4.2",
+    "lodash": "^4.17.21",
+    "nuxt": "^4.0.3",
+    "pinia": "^3.0.3",
+    "pinia-plugin-persistedstate": "^4.4.1",
+    "quill-delta-to-html": "^0.12.1",
+    "shadcn-vue": "^2.3.2",
+    "tailwindcss-animate": "^1.0.7",
+    "typescript": "^5.9.3",
+    "vitest": "^3.0.4",
+    "vue-cropperjs": "^5.0.0",
+    "vue-sfc-transformer": "^0.1.17",
+    "vue-tsc": "^3.1.3",
+    "zod": "^3.25.76"
   }
-}
+}