@ramathibodi/nuxt-commons 0.1.73 → 4.0.0

package/dist/runtime/components/ImportCSV.vue.d.ts

@@ -0,0 +1,52 @@
+import { VBtn } from 'vuetify/components/VBtn';
+interface ImportButtonProps extends /* @vue-ignore */ InstanceType<typeof VBtn['$props']> {
+    stringFields?: Array<string>;
+    tooltip?: string | Record<string, any> | undefined;
+}
+declare var __VLS_13: never, __VLS_14: {};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_13>]?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ImportButtonProps>, {
+    stringFields: () => never[];
+    tooltip: () => {
+        text: string;
+        location: string;
+    };
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    import: (value: object[]) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ImportButtonProps>, {
+    stringFields: () => never[];
+    tooltip: () => {
+        text: string;
+        location: string;
+    };
+}>>> & Readonly<{
+    onImport?: ((value: object[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/components/MrzReader.d.vue.ts

@@ -0,0 +1,19 @@
+import { type MrzResult } from '../composables/useMrzReader.js';
+interface Props {
+    intervalMs?: number;
+    scaleFactor?: number;
+    useOpenCv?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    error: (error: unknown) => any;
+    decode: (value: MrzResult) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onError?: ((error: unknown) => any) | undefined;
+    onDecode?: ((value: MrzResult) => any) | undefined;
+}>, {
+    intervalMs: number;
+    scaleFactor: number;
+    useOpenCv: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/MrzReader.vue

@@ -0,0 +1,128 @@
+<script setup>
+import { computed, onBeforeUnmount, onMounted, ref, watchEffect } from "vue";
+import { useDevicesList, useUserMedia } from "@vueuse/core";
+import { useAlert } from "../composables/alert";
+import { useMrzReader } from "../composables/useMrzReader";
+const mrzReaderControl = ref(null);
+const alert = useAlert();
+const isLoading = ref(false);
+const props = defineProps({
+  intervalMs: { type: Number, required: false, default: 900 },
+  scaleFactor: { type: Number, required: false, default: 2 },
+  useOpenCv: { type: Boolean, required: false, default: true }
+});
+const emit = defineEmits(["decode", "error"]);
+const videoScreen = ref();
+const currentCameraId = ref();
+const { videoInputs: cameras } = useDevicesList({
+  requestPermissions: true,
+  constraints: { audio: false, video: true },
+  onUpdated() {
+    if (!cameras.value.find((camera) => camera.deviceId === currentCameraId.value))
+      currentCameraId.value = cameras.value[0]?.deviceId;
+  }
+});
+const hasCamera = computed(() => !!currentCameraId.value);
+const { stream, start: cameraStart, stop: cameraStop, enabled: cameraEnabled } = useUserMedia({
+  constraints: { video: { deviceId: currentCameraId.value } }
+});
+watchEffect(() => {
+  if (videoScreen.value)
+    videoScreen.value.srcObject = stream.value ?? null;
+});
+const mrzReader = useMrzReader({
+  scaleFactor: props.scaleFactor,
+  useOpenCv: props.useOpenCv,
+  lang: "ocrb",
+  langPath: "/tesseract/"
+});
+async function scanOnce() {
+  if (!videoScreen.value || !cameraEnabled.value) return;
+  try {
+    const parsed = await mrzReader.decodeFromVideoElement(videoScreen.value);
+    if (parsed) {
+      emit("decode", parsed);
+      stopCamera();
+    }
+  } catch (err) {
+    emit("error", err);
+  }
+}
+function startCamera() {
+  if (cameraEnabled.value) return;
+  isLoading.value = true;
+  cameraStart().then(() => {
+    if (mrzReaderControl.value) {
+      window.clearInterval(mrzReaderControl.value);
+      mrzReaderControl.value = null;
+    }
+    mrzReaderControl.value = window.setInterval(() => {
+      void scanOnce();
+    }, props.intervalMs);
+  }).catch((err) => {
+    emit("error", err);
+  }).finally(() => {
+    isLoading.value = false;
+  });
+}
+function stopCamera() {
+  if (mrzReaderControl.value) {
+    window.clearInterval(mrzReaderControl.value);
+    mrzReaderControl.value = null;
+  }
+  if (cameraEnabled.value)
+    cameraStop();
+}
+function scanImageFile(selectedFile) {
+  if (!selectedFile) {
+    alert?.addAlert({ message: "No file selected.", alertType: "error" });
+    return;
+  }
+  const file = Array.isArray(selectedFile) ? selectedFile[0] : selectedFile;
+  void mrzReader.decodeFromImageFile(file).then((parsed) => {
+    if (parsed)
+      emit("decode", parsed);
+    else
+      alert?.addAlert({ message: "MRZ not found or checksum invalid.", alertType: "warning" });
+  }).catch((err) => {
+    emit("error", err);
+  });
+}
+onMounted(() => {
+  void mrzReader.ensureOpenCvReady();
+  startCamera();
+});
+onBeforeUnmount(() => {
+  stopCamera();
+});
+</script>
+
+<template>
+  <v-card flat>
+    <v-card-text class="d-flex justify-center" v-if="isLoading">
+      <v-progress-circular indeterminate />
+    </v-card-text>
+    <v-card-text v-else>
+      <v-col v-if="hasCamera">
+        <div style="position: relative; display: inline-block; width: 100%;" :style="{ maxWidth: '1024px' }">
+          <video autoplay ref="videoScreen" width="100%" :style="{ maxWidth: '1024px' }"></video>
+          <div style="position: absolute; bottom: 10px; right: 10px; z-index: 2000;">
+            <FileBtn
+              accept="image/*"
+              icon="mdi mdi-image-plus"
+              icon-only
+              @update:model-value="scanImageFile"
+            />
+          </div>
+        </div>
+      </v-col>
+      <v-col v-else>
+        <FileBtn
+          accept="image/*"
+          text="Upload Image"
+          @update:model-value="scanImageFile"
+        />
+      </v-col>
+    </v-card-text>
+  </v-card>
+</template>

package/dist/runtime/components/MrzReader.vue.d.ts

@@ -0,0 +1,19 @@
+import { type MrzResult } from '../composables/useMrzReader.js';
+interface Props {
+    intervalMs?: number;
+    scaleFactor?: number;
+    useOpenCv?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    error: (error: unknown) => any;
+    decode: (value: MrzResult) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onError?: ((error: unknown) => any) | undefined;
+    onDecode?: ((value: MrzResult) => any) | undefined;
+}>, {
+    intervalMs: number;
+    scaleFactor: number;
+    useOpenCv: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/SplitterPanel.d.vue.ts

@@ -0,0 +1,15 @@
+declare var __VLS_20: {}, __VLS_35: {};
+type __VLS_Slots = {} & {
+    left?: (props: typeof __VLS_20) => any;
+} & {
+    right?: (props: typeof __VLS_35) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/SplitterPanel.vue

@@ -1,30 +1,25 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import { VCard } from 'vuetify/components/VCard'
-
-const isResizing = ref(false)
-const pane1Width = ref('50%')
-const containerRef = ref<HTMLElement>()
-interface Props extends /* @vue-ignore */ InstanceType<typeof VCard['$props']> {
-  height?: number | string
-}
-const props = defineProps<Props>()
-
+<script setup>
+import { ref } from "vue";
+import { VCard } from "vuetify/components/VCard";
+const isResizing = ref(false);
+const pane1Width = ref("50%");
+const containerRef = ref();
+const props = defineProps({
+  height: { type: [Number, String], required: false }
+});
 const startResize = () => {
-  isResizing.value = true
-}
-
+  isResizing.value = true;
+};
 const stopResize = () => {
-  isResizing.value = false
-}
-
-const resize = (event: MouseEvent) => {
+  isResizing.value = false;
+};
+const resize = (event) => {
   if (isResizing.value && containerRef.value) {
-    const containerRect = containerRef.value.getBoundingClientRect()
-    const newWidth = event.clientX - containerRect.left
-    pane1Width.value = `${(newWidth / containerRect.width) * 100}%`
+    const containerRect = containerRef.value.getBoundingClientRect();
+    const newWidth = event.clientX - containerRect.left;
+    pane1Width.value = `${newWidth / containerRect.width * 100}%`;
   }
-}
+};
 </script>
 
 <template>
@@ -55,7 +50,3 @@ const resize = (event: MouseEvent) => {
     </v-sheet>
   </v-card>
 </template>
-
-<style scoped>
-
-</style>

package/dist/runtime/components/SplitterPanel.vue.d.ts

@@ -0,0 +1,15 @@
+declare var __VLS_20: {}, __VLS_35: {};
+type __VLS_Slots = {} & {
+    left?: (props: typeof __VLS_20) => any;
+} & {
+    right?: (props: typeof __VLS_35) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/TabsGroup.d.vue.ts

@@ -0,0 +1,19 @@
+declare var __VLS_14: {}, __VLS_28: {};
+type __VLS_Slots = {} & {
+    tabs?: (props: typeof __VLS_14) => any;
+} & {
+    items?: (props: typeof __VLS_28) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/TabsGroup.vue

@@ -1,16 +1,12 @@
-<script lang="ts" setup>
-import {VTabs} from 'vuetify/components'
-
-interface Props extends /* @vue-ignore */ InstanceType<typeof VTabs['$props']> {
-  flat?: boolean
-}
-
+<script setup>
+import { VTabs } from "vuetify/components";
 defineOptions({
-  inheritAttrs: false,
-})
-
-const props = defineProps<Props>()
-const currentTab = defineModel<string|number>()
+  inheritAttrs: false
+});
+const props = defineProps({
+  flat: { type: Boolean, required: false }
+});
+const currentTab = defineModel({ type: [String, Number] });
 </script>
 
 <template>

package/dist/runtime/components/TabsGroup.vue.d.ts

@@ -0,0 +1,19 @@
+declare var __VLS_14: {}, __VLS_28: {};
+type __VLS_Slots = {} & {
+    tabs?: (props: typeof __VLS_14) => any;
+} & {
+    items?: (props: typeof __VLS_28) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/TextBarcode.d.vue.ts

@@ -0,0 +1,12 @@
+interface Props {
+    modelValue?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | undefined) => any;
+    decode: (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    onDecode?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/TextBarcode.vue

@@ -1,38 +1,27 @@
-<script lang="ts" setup>
-import {ref, watch} from 'vue'
-import {useAlert} from '../composables/alert'
-
-interface Props {
-  modelValue?: string
-}
-
-const props = defineProps<Props>()
-const emit = defineEmits<{
-  (event: 'update:modelValue', value: string | undefined): void
-  (event: 'decode', value: string | undefined): void
-}>()
-const alert = useAlert()
-
-const scanCode = ref<boolean>(false)
-const currentValue = ref<string>()
-
-const handleData = (data: string) => {
-  currentValue.value = data
-  scanCode.value = false
-  emit('decode',data)
-}
-
-const handleError = (error: string | unknown) => {
-  alert?.addAlert({ message: error as string, alertType: 'error' })
-}
-
+<script setup>
+import { ref, watch } from "vue";
+import { useAlert } from "../composables/alert";
+const props = defineProps({
+  modelValue: { type: String, required: false }
+});
+const emit = defineEmits(["update:modelValue", "decode"]);
+const alert = useAlert();
+const scanCode = ref(false);
+const currentValue = ref();
+const handleData = (data) => {
+  currentValue.value = data;
+  scanCode.value = false;
+  emit("decode", data);
+};
+const handleError = (error) => {
+  alert?.addAlert({ message: error, alertType: "error" });
+};
 watch(() => props.modelValue, () => {
-  currentValue.value = props.modelValue
-}, { immediate: true })
-
+  currentValue.value = props.modelValue;
+}, { immediate: true });
 watch(currentValue, (newValue) => {
-  emit('update:modelValue', newValue)
-})
+  emit("update:modelValue", newValue);
+});
 </script>
 
 <template>

package/dist/runtime/components/TextBarcode.vue.d.ts

@@ -0,0 +1,12 @@
+interface Props {
+    modelValue?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | undefined) => any;
+    decode: (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    onDecode?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/device/IdCardButton.d.vue.ts

@@ -0,0 +1,57 @@
+import { VBtn } from 'vuetify/components/VBtn';
+import { type PatientRegisterPayload } from '../../composables/hostAgent.js';
+interface Props extends /* @vue-ignore */ InstanceType<typeof VBtn['$props']> {
+    /** If true -> call /idcard/infoAndPhoto, else /idcard/info */
+    withPhoto?: boolean;
+    /** Optional reader name/query string */
+    reader?: string | null;
+    /** Auto-disable button while reading */
+    disableWhileLoading?: boolean;
+}
+declare var __VLS_12: never, __VLS_13: {};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_12>]?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    withPhoto: boolean;
+    reader: null;
+    disableWhileLoading: boolean;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    error: (err: unknown) => any;
+    loading: (loading: boolean) => any;
+    read: (payload: PatientRegisterPayload) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    withPhoto: boolean;
+    reader: null;
+    disableWhileLoading: boolean;
+}>>> & Readonly<{
+    onError?: ((err: unknown) => any) | undefined;
+    onLoading?: ((loading: boolean) => any) | undefined;
+    onRead?: ((payload: PatientRegisterPayload) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/components/device/IdCardButton.vue

@@ -1,57 +1,32 @@
-<script setup lang="ts">
-import { computed, ref, useAttrs } from 'vue'
-import { VBtn } from 'vuetify/components/VBtn'
-import { useAlert } from '../../composables/alert'
-import { useHostAgent, type PatientRegisterPayload } from '../../composables/hostAgent'
-
-interface Props extends /* @vue-ignore */ InstanceType<typeof VBtn['$props']> {
-  /** If true -> call /idcard/infoAndPhoto, else /idcard/info */
-  withPhoto?: boolean
-  /** Optional reader name/query string */
-  reader?: string | null
-  /** Auto-disable button while reading */
-  disableWhileLoading?: boolean
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  withPhoto: false,
-  reader: null,
-  disableWhileLoading: true,
-})
-
-const emit = defineEmits<{
-  (e: 'read', payload: PatientRegisterPayload): void
-  (e: 'error', err: unknown): void
-  (e: 'loading', loading: boolean): void
-}>()
-
-const attrs = useAttrs()
-const host = useHostAgent()
-
-const loading = ref(false)
-const disabled = computed(() => (props.disableWhileLoading ? loading.value : false))
-
-async function onClick(ev: MouseEvent) {
-  // allow parent to prevent if they attach their own click handler and call preventDefault
-  if (ev.defaultPrevented) return
-
+<script setup>
+import { computed, ref, useAttrs } from "vue";
+import { VBtn } from "vuetify/components/VBtn";
+import { useAlert } from "../../composables/alert";
+import { useHostAgent } from "../../composables/hostAgent";
+const props = defineProps({
+  withPhoto: { type: Boolean, required: false, default: false },
+  reader: { type: [String, null], required: false, default: null },
+  disableWhileLoading: { type: Boolean, required: false, default: true }
+});
+const emit = defineEmits(["read", "error", "loading"]);
+const attrs = useAttrs();
+const host = useHostAgent();
+const loading = ref(false);
+const disabled = computed(() => props.disableWhileLoading ? loading.value : false);
+async function onClick(ev) {
+  if (ev.defaultPrevented) return;
   try {
-    loading.value = true
-    emit('loading', true)
-
-    const payload = props.withPhoto
-        ? await host.getIdCardInfoAndPhoto(props.reader ?? undefined)
-        : await host.getIdCardInfo(props.reader ?? undefined)
-
-    emit('read', payload)
-  } catch (e: any) {
-    emit('error', e)
-
-    const msg = e?.data?.detail || e?.data?.title || e?.message || 'ID card read failed'
-    useAlert()?.addAlert({ message: msg, alertType: 'error' })
+    loading.value = true;
+    emit("loading", true);
+    const payload = props.withPhoto ? await host.getIdCardInfoAndPhoto(props.reader ?? void 0) : await host.getIdCardInfo(props.reader ?? void 0);
+    emit("read", payload);
+  } catch (e) {
+    emit("error", e);
+    const msg = e?.data?.detail || e?.data?.title || e?.message || "ID card read failed";
+    useAlert()?.addAlert({ message: msg, alertType: "error" });
   } finally {
-    loading.value = false
-    emit('loading', false)
+    loading.value = false;
+    emit("loading", false);
   }
 }
 </script>
@@ -66,17 +41,17 @@ async function onClick(ev: MouseEvent) {
       v-bind="attrs"
       class="idcard-btn"
       :loading="loading"
-      :disabled="disabled || (attrs as any).disabled"
+      :disabled="disabled || attrs.disabled"
       @click="onClick"
   >
     <template
-        v-for="(_, name, index) in ($slots as {})"
+        v-for="(_, name, index) in $slots"
         :key="index"
         #[name]="slotData"
     >
       <slot
           :name="name"
-          v-bind="((slotData || {}) as object)"
+          v-bind="slotData || {}"
       />
     </template>
   </v-btn>