@privyid/persona 0.21.0 → 0.23.0

package/dist/components/filterbar/pinned/PinnedDate.vue.d.ts

@@ -26,7 +26,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
 }, {
-    model: import("vue-demi").Ref<Date | undefined>;
+    model: import("vue-demi").Ref<Date>;
     value: import("vue-demi").ComputedRef<string>;
     isOpen: import("vue-demi").Ref<boolean>;
     close: () => void;
@@ -58,10 +58,10 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: Date;
-    mode: "date" | "month" | "year";
     min: Date;
     max: Date;
+    modelValue: Date;
+    mode: "date" | "month" | "year";
     format: string;
 }, {}>;
 export default _default;

package/dist/components/filterbar/pinned/PinnedMultiselect.vue

@@ -28,12 +28,14 @@
     <template
       v-for="(item, i) in items"
       :key="i">
-      <Checkbox
-        v-model="model"
-        appearance="option"
-        :value="item.value">
-        {{ item.text }}
-      </Checkbox>
+      <DropdownItem>
+        <Checkbox
+          v-model="model"
+          appearance="option"
+          :value="item.value">
+          {{ item.text }}
+        </Checkbox>
+      </DropdownItem>
     </template>
   </Dropdown>
 </template>
@@ -47,6 +49,7 @@ import {
 import Badge from "../../badge/Badge.vue";
 import Dropdown from "../../dropdown/Dropdown.vue";
 import DropdownHeader from "../../dropdown/DropdownHeader.vue";
+import DropdownItem from "../../dropdown/DropdownItem.vue";
 import Checkbox from "../../checkbox/Checkbox.vue";
 import { useOptionsProp } from "../../select/adapter/adapter";
 import { useVModel } from "../../input";
@@ -55,6 +58,7 @@ export default defineComponent({
   components: {
     Badge,
     Dropdown,
+    DropdownItem,
     DropdownHeader,
     Checkbox
   },

package/dist/components/filterbar/pinned/PinnedMultiselect.vue.d.ts

@@ -36,7 +36,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: unknown[];
     options: string[] | SelectItem[];
+    modelValue: unknown[];
 }, {}>;
 export default _default;

package/dist/components/filterbar/pinned/PinnedSelect.vue

@@ -17,13 +17,15 @@
     <template
       v-for="(item, i) in items"
       :key="i">
-      <Radio
-        v-model="model"
-        appearance="option"
-        :value="item.value"
-        @click="close">
-        {{ item.text }}
-      </Radio>
+      <DropdownItem>
+        <Radio
+          v-model="model"
+          appearance="option"
+          :value="item.value"
+          @click="close">
+          {{ item.text }}
+        </Radio>
+      </DropdownItem>
     </template>
   </Dropdown>
 </template>
@@ -35,6 +37,7 @@ import {
   ref
 } from "vue-demi";
 import Dropdown from "../../dropdown/Dropdown.vue";
+import DropdownItem from "../../dropdown/DropdownItem.vue";
 import DropdownHeader from "../../dropdown/DropdownHeader.vue";
 import Radio from "../../radio/Radio.vue";
 import { useOptionsProp } from "../../select/adapter/adapter";
@@ -43,6 +46,7 @@ import { isEqual } from "../../utils/value";
 export default defineComponent({
   components: {
     Dropdown,
+    DropdownItem,
     DropdownHeader,
     Radio
   },

package/dist/components/filterbar/pinned/PinnedSelect.vue.d.ts

@@ -11,11 +11,11 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: () => never[];
     };
     modelValue: {
-        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: undefined;
     };
 }, {
-    model: import("vue-demi").Ref<string | number | boolean | Record<string, any> | unknown[] | Date | undefined>;
+    model: import("vue-demi").Ref<string | number | boolean | Record<string, any> | unknown[] | Date>;
     items: import("vue-demi").ComputedRef<SelectItem[]>;
     isOpen: import("vue-demi").Ref<boolean>;
     selected: import("vue-demi").ComputedRef<SelectItem | undefined>;
@@ -30,13 +30,13 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: () => never[];
     };
     modelValue: {
-        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: undefined;
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: string | number | boolean | Record<string, any> | unknown[] | Date;
     options: string[] | SelectItem[];
+    modelValue: string | number | boolean | Record<string, any> | unknown[] | Date;
 }, {}>;
 export default _default;

package/dist/components/filterbar/pinned/PinnedToggle.vue.d.ts

@@ -6,15 +6,15 @@ declare const _default: import("vue-demi").DefineComponent<{
         required: true;
     };
     modelValue: {
-        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     value: {
-        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     checked: {
@@ -30,15 +30,15 @@ declare const _default: import("vue-demi").DefineComponent<{
         required: true;
     };
     modelValue: {
-        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     value: {
-        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     checked: {
@@ -51,7 +51,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     value: string | number | boolean | Record<string, any> | unknown[] | Date;
     modelValue: string | number | boolean | Record<string, any> | unknown[] | Date;
-    uncheckedValue: string | number | boolean | Record<string, any> | unknown[] | Date;
     checked: boolean;
+    uncheckedValue: string | number | boolean | Record<string, any> | unknown[] | Date;
 }, {}>;
 export default _default;

package/dist/components/global/store.d.ts

@@ -1,5 +1,6 @@
 import { Ref } from 'vue-demi';
-type Lang = 'id' | 'en';
+import { LiteralUnion } from 'type-fest';
+type Lang = LiteralUnion<'id' | 'en', string>;
 /**
  * Simple vuex-like-store for global configuration
  */

package/dist/components/input/Input.vue

@@ -9,6 +9,7 @@
       <slot name="prepend" />
     </span>
     <input
+      ref="input"
       v-model="model"
       class="input__form"
       data-testid="input"
@@ -34,7 +35,8 @@
 import {
   computed,
   defineComponent,
-  inject
+  inject,
+  ref
 } from "vue-demi";
 import { useVModel } from ".";
 import IconClear from "@privyid/persona-icon/vue/close-circle-solid/20.vue";
@@ -89,6 +91,7 @@ export default defineComponent({
   },
   emits: ["update:modelValue", "clear"],
   setup(props, { emit, slots }) {
+    const input = ref();
     const model = useVModel(props);
     const setting = inject(INPUTGROUP_SETTING, void 0, false);
     const classNames = computed(() => {
@@ -117,6 +120,7 @@ export default defineComponent({
         model.value = "";
     }
     return {
+      input,
       classNames,
       model,
       clear,
@@ -132,11 +136,18 @@ export default defineComponent({
   @apply dark:bg-dark-default;
 
   &__form {
-    @apply py-[10px] px-3 text-base relative rounded border border-solid border-muted hover:border-subtle text-default placeholder:text-muted w-full outline-none bg-transparent;
-    @apply dark:border-dark-muted hover:dark:border-dark-subtle dark:text-dark-default placeholder:dark:text-dark-muted dark:bg-transparent;
+    @apply py-[10px] px-3 text-base relative rounded border border-solid border-muted hover:border-subtle text-default w-full outline-none bg-transparent;
+    @apply dark:border-dark-muted hover:dark:border-dark-subtle dark:text-dark-default dark:bg-transparent;
+
+    &::placeholder,
+    &__placeholder {
+      @apply text-muted;
+      @apply dark:text-dark-muted;
+    }
 
     &:disabled,
     &--disabled,
+    &[disabled="true"],
     .state--disabled & {
       @apply bg-subtle border-subtle pointer-events-none text-muted;
       @apply dark:bg-dark-subtle dark:border-dark-subtle  dark:text-dark-muted;
@@ -165,9 +176,9 @@ export default defineComponent({
   }
 
   .state--error,
-  .state--error & > &__form,
+  .state--error & > &__form:not(.no--error),
   &--error,
-  &-group--error.input-group .input > .input__form {
+  &-group--error.input-group .input > .input__form:not(.no--error) {
     @apply border-danger-emphasis hover:border-danger-emphasis focus:ring-danger focus:border-danger-emphasis;
     @apply dark:border-dark-danger-emphasis hover:dark:border-dark-danger-emphasis focus:dark:ring-dark-danger focus:dark:border-dark-danger-emphasis;
   }

package/dist/components/input/Input.vue.d.ts

@@ -3,7 +3,7 @@ import { SizeVariant } from '../button';
 import { AcceptVariant, checkOnInput } from './utils/accept';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     size: {
@@ -27,7 +27,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     containerClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
         default: undefined;
     };
     accept: {
@@ -35,13 +35,14 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: undefined;
     };
 }, {
+    input: import("vue-demi").Ref<HTMLInputElement | undefined>;
     classNames: import("vue-demi").ComputedRef<string[]>;
-    model: import("vue-demi").Ref<string | number | undefined>;
+    model: import("vue-demi").Ref<string | number>;
     clear: (event: MouseEvent) => void;
     checkOnInput: typeof checkOnInput;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "clear")[], "update:modelValue" | "clear", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     size: {
@@ -65,7 +66,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     containerClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
         default: undefined;
     };
     accept: {

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

@@ -1,6 +1,6 @@
 import { Ref } from 'vue-demi';
 export interface InputProps<V = string> {
-    modelValue: V;
+    modelValue?: V;
 }
 export declare function useVModel<V>(props: InputProps<V>): Ref<V>;
 export { type AcceptVariant, isAccepted, removeUnaccepted, checkOnInput, } from './utils/accept';

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

@@ -15,7 +15,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     maxlength: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     accept: {
@@ -55,7 +55,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
 }, {
-    model: import("vue-demi").Ref<string | string[] | File | File[] | undefined>;
+    model: import("vue-demi").Ref<string | string[] | File | File[]>;
     classNames: import("vue-demi").ComputedRef<string[]>;
     getFileNames: (files: Array<globalThis.File> | globalThis.File) => string;
     clear: () => void;
@@ -73,7 +73,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     maxlength: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     accept: {
@@ -113,17 +113,17 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
 }>> & {
-    onCancel?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
 }, {
     error: boolean;
     size: SizeVariant;
     modelValue: string | string[] | File | File[];
-    modelModifiers: ModelModifier;
     disabled: boolean;
     readonly: boolean;
+    modelModifiers: ModelModifier;
     multiple: boolean | MultipleType;
     placeholder: string;
     maxlength: string | number;

package/dist/components/input-pin/InputPin.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     length: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     disabled: {
@@ -49,7 +49,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     length: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     disabled: {
@@ -72,8 +72,8 @@ declare const _default: import("vue-demi").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    length: string | number;
     error: boolean;
+    length: string | number;
     size: SizeVariant;
     modelValue: string;
     disabled: boolean;

package/dist/components/input-range/InputRange.vue.d.ts

@@ -13,15 +13,15 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: undefined;
     };
     step: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     min: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     max: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     multiple: {
@@ -61,15 +61,15 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: undefined;
     };
     step: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     min: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     max: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     multiple: {
@@ -95,14 +95,14 @@ declare const _default: import("vue-demi").DefineComponent<{
     "onUpdate:end"?: ((...args: any[]) => any) | undefined;
 }, {
     error: boolean;
-    modelValue: number | [number, number];
     start: number;
     end: number;
     min: string | number;
     max: string | number;
+    modelValue: number | [number, number];
     disabled: boolean;
     readonly: boolean;
-    step: string | number;
     multiple: boolean;
+    step: string | number;
 }, {}>;
 export default _default;

package/dist/components/label/Label.vue

@@ -59,9 +59,10 @@ export default defineComponent({
         result.push(`label--${props.size}`);
       return result;
     });
-    function close() {
-      show.value = false;
-      emit("dismissed");
+    function close(event) {
+      emit("dismissed", event);
+      if (!event.defaultPrevented)
+        show.value = false;
     }
     return {
       classNames,
@@ -86,11 +87,15 @@ export default defineComponent({
 
   @apply inline-flex items-center border border-transparent;
 
+  &:not(.label--variant-dot) {
+    @apply space-x-[6px];
+  }
+
   /**
   * Add dismiss button
   */
   &__dismiss {
-    @apply border-l ml-3 pl-1.5 hover:cursor-pointer border-subtle-alpha text-default/30 hover:text-default/50;
+    @apply border-l ml-2 pl-1.5 hover:cursor-pointer border-subtle-alpha text-default/30 hover:text-default/50;
     @apply dark:border-dark-subtle-alpha dark:text-dark-default/30 hover:dark:text-dark-default/50;
   }
 
@@ -100,19 +105,19 @@ export default defineComponent({
   * sm and xs
   */
   &--lg {
-    @apply text-base px-4 py-2 rounded;
+    @apply text-base px-3 py-1 rounded;
   }
 
   &--md {
-    @apply text-sm px-3 py-1 rounded-sm;
+    @apply text-sm px-2 py-[2px] rounded-sm;
   }
 
   &--sm {
-    @apply text-xs px-2 py-[0.125rem] rounded-xs;
+    @apply text-xs px-[6px] py-[2px] rounded-xs;
   }
 
   &--xs {
-    @apply px-2 py-0 text-tn rounded-tn;
+    @apply px-1 py-0 text-tn rounded-tn;
   }
 
   /**
@@ -120,13 +125,27 @@ export default defineComponent({
   * color variant
   */
   &--variant-default {
-    @apply text-state-emphasis;
-    @apply dark:text-dark-state-emphasis;
+    &:not(&.label--default) {
+      @apply text-state-emphasis;
+      @apply dark:text-dark-state-emphasis;
+    }
 
     &.label {
       &--default {
-        @apply bg-inverse;
-        @apply dark:bg-dark-inverse dark:text-dark-on-emphasis;
+        --p-bg-variant-default: theme(backgroundColor.inverse);
+        --p-bg-dark-variant-default: theme(backgroundColor.dark.inverse);
+        --p-text-variant-default: theme(textColor.state-emphasis);
+        --p-text-dark-variant-default: theme(textColor.dark.on-emphasis);
+
+        &:not([class^='bg-'], [class*='bg-']) {
+          @apply bg-[color:var(--p-bg-variant-default)];
+          @apply dark:bg-[color:var(--p-bg-dark-variant-default)];
+        }
+
+        &:not([class^='text-'], [class*='text-']) {
+          @apply text-[color:var(--p-text-variant-default)];
+          @apply dark:text-[color:var(--p-text-dark-variant-default)];
+        }
 
         .label__dismiss {
           @apply border-default/30 text-on-emphasis/30 hover:text-on-emphasis/50;

package/dist/components/label/Label.vue.d.ts

@@ -21,7 +21,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     classNames: import("vue-demi").ComputedRef<string[]>;
     show: import("vue-demi").Ref<boolean>;
-    close: () => void;
+    close: (event: MouseEvent) => void;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "dismissed"[], "dismissed", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     color: {
         type: PropType<ColorVariant>;
@@ -42,9 +42,9 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>> & {
     onDismissed?: ((...args: any[]) => any) | undefined;
 }, {
-    color: ColorVariant;
     variant: StyleVariant;
     size: SizeVariant;
+    color: ColorVariant;
     dismissable: boolean;
 }, {}>;
 export default _default;

package/dist/components/list-group/ListGroup.vue.d.ts

@@ -35,9 +35,9 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    horizontal: boolean;
     flush: boolean;
     rounded: boolean;
+    horizontal: boolean;
     borderless: boolean;
 }, {}>;
 export default _default;

package/dist/components/list-group/ListGroupItem.vue

@@ -86,8 +86,8 @@ export default defineComponent({
     }
 
     &:is(&--disabled) {
-      @apply cursor-default bg-[color:var(--p-list-item-bg)/50] hover:bg-[color:var(--p-list-item-bg)/50] text-default/50 hover:text-default/50;
-      @apply dark:bg-[color:var(--p-list-item-bg-dark)/50] dark:hover:bg-[color:var(--p-list-item-bg-dark)/50] dark:text-dark-default/50 dark:hover:text-dark-default/50;
+      @apply cursor-default bg-[color:var(--p-list-item-bg)/50] hover:bg-[color:var(--p-list-item-bg)/50] text-subtlest hover:text-subtlest;
+      @apply dark:bg-[color:var(--p-list-item-bg-dark)/50] dark:hover:bg-[color:var(--p-list-item-bg-dark)/50] dark:text-dark-subtlest dark:hover:text-dark-subtlest;
     }
   }
 }

package/dist/components/main/Main.vue

@@ -12,8 +12,10 @@
   * Heading
   */
   h1, h2, h3, h4, h5, h6 {
-    --p-heading-margin-bottom: calc(var(--p-spacer) * .5);
-    @apply mb-[var(--p-heading-margin-bottom)];
+    &:not(.dropdown__header, .accordion__item__title, .card__header__title, .tour__title) {
+      --p-heading-margin-bottom: calc(var(--p-spacer) * .5);
+      @apply mb-[var(--p-heading-margin-bottom)];
+    }
   }
 
   /**

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

@@ -1,4 +1,5 @@
 import { Directive } from 'vue-demi';
+import { marked } from 'marked';
 export interface MarkdownOption {
     /**
      * Use inline parsing
@@ -9,12 +10,16 @@ export interface MarkdownOption {
      * Disabled sanitize HTML result
      */
     unsecure: boolean;
+    /**
+     * marked options
+     */
+    marked: marked.MarkedOptions;
 }
 /**
  * Parse markdown to html string
  * @param text markdown string
  * @param options parsing options
  */
-export declare function markdown(text?: string, options?: Partial<MarkdownOption>): any;
+export declare function markdown(text: string | undefined, _option: Partial<MarkdownOption>): any;
 export declare const pMd: Directive<HTMLElement, string>;
 export declare const vPMd: import("vue-demi").FunctionDirective<HTMLElement, string>;

package/dist/components/markdown/index.mjs

@@ -1,7 +1,13 @@
 import { marked } from "marked";
 import sanitizeHtml from "sanitize-html";
-export function markdown(text = "", options = {}) {
-  const html = options.inline ? marked.parseInline(text) : marked.parse(text);
+import defu from "defu";
+export function markdown(text = "", _option) {
+  const options = defu(_option, {
+    inline: false,
+    unsecure: false,
+    marked: { mangle: false, headerIds: false }
+  });
+  const html = options.inline ? marked.parseInline(text, options.marked) : marked.parse(text, options.marked);
   if (html && !options.unsecure)
     return sanitizeHtml(html);
   return html;