@una-ui/nuxt 0.53.0 → 0.54.0

package/dist/runtime/components/elements/Link.vue

@@ -125,8 +125,8 @@ export default defineComponent({
     <a
       v-bind="$attrs"
       :href
-      :rel="rel ?? void 0"
-      :target="target ?? void 0"
+      :rel="rel ?? undefined"
+      :target="target ?? undefined"
       :class="resolveLinkClass(route, $route, { isActive, isExactActive })"
       :nav-link-active="resolveNavLinkActive(route, $route, { isActive, isExactActive })"
       :nav-link-inactive="resolveNavLinkInactive(route, $route, { isActive, isExactActive })"

package/dist/runtime/components/elements/Link.vue.d.ts

@@ -17,3 +17,112 @@ declare const _default: import("vue").DefineComponent<{}, {
     [x: string]: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
+declare global {
+    const __VLS_intrinsicElements: __VLS_IntrinsicElements;
+    const __VLS_directiveBindingRestFields: {
+        instance: null;
+        oldValue: null;
+        modifiers: any;
+        dir: any;
+    };
+    const __VLS_unref: typeof import('vue').unref;
+    const __VLS_placeholder: any;
+    type __VLS_NativeElements = __VLS_SpreadMerge<SVGElementTagNameMap, HTMLElementTagNameMap>;
+    type __VLS_IntrinsicElements = import('vue/jsx-runtime').JSX.IntrinsicElements;
+    type __VLS_Element = import('vue/jsx-runtime').JSX.Element;
+    type __VLS_GlobalComponents = import('vue').GlobalComponents;
+    type __VLS_GlobalDirectives = import('vue').GlobalDirectives;
+    type __VLS_IsAny<T> = 0 extends 1 & T ? true : false;
+    type __VLS_PickNotAny<A, B> = __VLS_IsAny<A> extends true ? B : A;
+    type __VLS_SpreadMerge<A, B> = Omit<A, keyof B> & B;
+    type __VLS_WithComponent<N0 extends string, LocalComponents, Self, N1 extends string, N2 extends string, N3 extends string> = N1 extends keyof LocalComponents ? N1 extends N0 ? Pick<LocalComponents, N0 extends keyof LocalComponents ? N0 : never> : {
+        [K in N0]: LocalComponents[N1];
+    } : N2 extends keyof LocalComponents ? N2 extends N0 ? Pick<LocalComponents, N0 extends keyof LocalComponents ? N0 : never> : {
+        [K in N0]: LocalComponents[N2];
+    } : N3 extends keyof LocalComponents ? N3 extends N0 ? Pick<LocalComponents, N0 extends keyof LocalComponents ? N0 : never> : {
+        [K in N0]: LocalComponents[N3];
+    } : Self extends object ? {
+        [K in N0]: Self;
+    } : N1 extends keyof __VLS_GlobalComponents ? N1 extends N0 ? Pick<__VLS_GlobalComponents, N0 extends keyof __VLS_GlobalComponents ? N0 : never> : {
+        [K in N0]: __VLS_GlobalComponents[N1];
+    } : N2 extends keyof __VLS_GlobalComponents ? N2 extends N0 ? Pick<__VLS_GlobalComponents, N0 extends keyof __VLS_GlobalComponents ? N0 : never> : {
+        [K in N0]: __VLS_GlobalComponents[N2];
+    } : N3 extends keyof __VLS_GlobalComponents ? N3 extends N0 ? Pick<__VLS_GlobalComponents, N0 extends keyof __VLS_GlobalComponents ? N0 : never> : {
+        [K in N0]: __VLS_GlobalComponents[N3];
+    } : {
+        [K in N0]: unknown;
+    };
+    type __VLS_FunctionalComponentProps<T, K> = '__ctx' extends keyof __VLS_PickNotAny<K, {}> ? K extends {
+        __ctx?: {
+            props?: infer P;
+        };
+    } ? NonNullable<P> : never : T extends (props: infer P, ...args: any) => any ? P : {};
+    type __VLS_IsFunction<T, K> = K extends keyof T ? __VLS_IsAny<T[K]> extends false ? unknown extends T[K] ? false : true : false : false;
+    type __VLS_NormalizeComponentEvent<Props, Events, onEvent extends keyof Props, Event extends keyof Events, CamelizedEvent extends keyof Events> = (__VLS_IsFunction<Props, onEvent> extends true ? Props : __VLS_IsFunction<Events, Event> extends true ? {
+        [K in onEvent]?: Events[Event];
+    } : __VLS_IsFunction<Events, CamelizedEvent> extends true ? {
+        [K in onEvent]?: Events[CamelizedEvent];
+    } : Props) & Record<string, unknown>;
+    type __VLS_UnionToIntersection<U> = (U extends unknown ? (arg: U) => unknown : never) extends ((arg: infer P) => unknown) ? P : never;
+    type __VLS_OverloadUnionInner<T, U = unknown> = U & T extends (...args: infer A) => infer R ? U extends T ? never : __VLS_OverloadUnionInner<T, Pick<T, keyof T> & U & ((...args: A) => R)> | ((...args: A) => R) : never;
+    type __VLS_OverloadUnion<T> = Exclude<__VLS_OverloadUnionInner<(() => never) & T>, T extends () => never ? never : () => never>;
+    type __VLS_ConstructorOverloads<T> = __VLS_OverloadUnion<T> extends infer F ? F extends (event: infer E, ...args: infer A) => any ? {
+        [K in E & string]: (...args: A) => void;
+    } : never : never;
+    type __VLS_NormalizeEmits<T> = __VLS_PrettifyGlobal<__VLS_UnionToIntersection<__VLS_ConstructorOverloads<T> & {
+        [K in keyof T]: T[K] extends any[] ? {
+            (...args: T[K]): void;
+        } : never;
+    }>>;
+    type __VLS_PrettifyGlobal<T> = {
+        [K in keyof T]: T[K];
+    } & {};
+    type __VLS_PickFunctionalComponentCtx<T, K> = NonNullable<__VLS_PickNotAny<'__ctx' extends keyof __VLS_PickNotAny<K, {}> ? K extends {
+        __ctx?: infer Ctx;
+    } ? Ctx : never : any, T extends (props: any, ctx: infer Ctx) => any ? Ctx : any>>;
+    type __VLS_UseTemplateRef<T> = Readonly<import('vue').ShallowRef<T | null>>;
+    function __VLS_getVForSourceType<T extends number | string | any[] | Iterable<any>>(source: T): [
+        item: T extends number ? number : T extends string ? string : T extends any[] ? T[number] : T extends Iterable<infer T1> ? T1 : any,
+        index: number
+    ][];
+    function __VLS_getVForSourceType<T>(source: T): [
+        item: T[keyof T],
+        key: keyof T,
+        index: number
+    ][];
+    function __VLS_getSlotParams<T>(slot: T): Parameters<__VLS_PickNotAny<NonNullable<T>, (...args: any[]) => any>>;
+    function __VLS_getSlotParam<T>(slot: T): Parameters<__VLS_PickNotAny<NonNullable<T>, (...args: any[]) => any>>[0];
+    function __VLS_asFunctionalDirective<T>(dir: T): T extends import('vue').ObjectDirective ? NonNullable<T['created' | 'beforeMount' | 'mounted' | 'beforeUpdate' | 'updated' | 'beforeUnmount' | 'unmounted']> : T extends (...args: any) => any ? T : (arg1: unknown, arg2: unknown, arg3: unknown, arg4: unknown) => void;
+    function __VLS_makeOptional<T>(t: T): {
+        [K in keyof T]?: T[K];
+    };
+    function __VLS_asFunctionalComponent<T, K = T extends new (...args: any) => any ? InstanceType<T> : unknown>(t: T, instance?: K): T extends new (...args: any) => any ? (props: (K extends {
+        $props: infer Props;
+    } ? Props : any) & Record<string, unknown>, ctx?: any) => __VLS_Element & {
+        __ctx?: {
+            attrs?: any;
+            slots?: K extends {
+                $slots: infer Slots;
+            } ? Slots : any;
+            emit?: K extends {
+                $emit: infer Emit;
+            } ? Emit : any;
+            expose?(exposed: K): void;
+            props?: (K extends {
+                $props: infer Props;
+            } ? Props : any) & Record<string, unknown>;
+        };
+    } : T extends () => any ? (props: {}, ctx?: any) => ReturnType<T> : T extends (...args: any) => any ? T : (_: {} & Record<string, unknown>, ctx?: any) => {
+        __ctx?: {
+            attrs?: any;
+            expose?: any;
+            slots?: any;
+            emit?: any;
+            props?: {} & Record<string, unknown>;
+        };
+    };
+    function __VLS_functionalComponentArgsRest<T extends (...args: any) => any>(t: T): 2 extends Parameters<T>['length'] ? [any] : [];
+    function __VLS_asFunctionalElement<T>(tag: T, endTag?: T): (attrs: T & Record<string, unknown>) => void;
+    function __VLS_asFunctionalSlot<S>(slot: S): S extends () => infer R ? (props: {}) => R : NonNullable<S>;
+    function __VLS_tryAsConstant<const T>(t: T): T;
+}

package/dist/runtime/components/elements/Progress.vue

@@ -1,26 +1,25 @@
-<script setup>
+<script setup lang="ts">
+import type { NProgressProps } from '../../types'
 import {
   ProgressIndicator,
-  ProgressRoot
-} from "reka-ui";
-import { computed } from "vue";
-import { cn } from "../../utils";
-const props = defineProps({
-  progress: { type: null, required: false, default: "primary" },
-  size: { type: null, required: false },
-  rounded: { type: null, required: false, default: "full" },
-  una: { type: Object, required: false },
-  modelValue: { type: [Number, null], required: false },
-  max: { type: Number, required: false },
-  getValueLabel: { type: Function, required: false },
-  asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
-  class: { type: null, required: false }
-});
+  ProgressRoot,
+} from 'reka-ui'
+import { computed } from 'vue'
+import { cn } from '../../utils'
+
+const props = withDefaults(
+  defineProps<NProgressProps>(),
+  {
+    progress: 'primary',
+    rounded: 'full',
+  },
+)
+
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+  const { class: _, ...delegated } = props
+
+  return delegated
+})
 </script>
 
 <template>
@@ -28,22 +27,22 @@ const delegatedProps = computed(() => {
     v-slot="{ modelValue }"
     v-bind="delegatedProps"
     :class="
-  cn(
-    'progress-root',
-    props.una?.progressRoot,
-    props.class
-  )
-"
+      cn(
+        'progress-root',
+        props.una?.progressRoot,
+        props.class,
+      )
+    "
     :rounded
     :progress
   >
     <slot :model-value>
       <ProgressIndicator
-        v-if="modelValue !== void 0 || modelValue === null"
+        v-if="modelValue !== undefined || modelValue === null"
         :class="cn(
-  'progress-indicator',
-  props.una?.progressIndicator
-)"
+          'progress-indicator',
+          props.una?.progressIndicator,
+        )"
         :style="`transform: translateX(-${100 - (modelValue ?? 0)}%);`"
       />
       <template
@@ -51,15 +50,15 @@ const delegatedProps = computed(() => {
       >
         <ProgressIndicator
           :class="cn(
-  'increase progress-indeterminate',
-  props.una?.progressIndicator
-)"
+            'increase progress-indeterminate',
+            props.una?.progressIndicator,
+          )"
         />
         <ProgressIndicator
           :class="cn(
-  'decrease progress-indeterminate',
-  props.una?.progressIndicator
-)"
+            'decrease progress-indeterminate',
+            props.una?.progressIndicator,
+          )"
         />
       </template>
     </slot>

package/dist/runtime/components/elements/Separator.vue

@@ -1,46 +1,41 @@
-<script setup>
-import { Separator } from "reka-ui";
-import { computed } from "vue";
-import { cn, omitProps } from "../../utils";
-const props = defineProps({
-  separator: { type: null, required: false },
-  separatorPosition: { type: null, required: false },
-  size: { type: null, required: false },
-  una: { type: Object, required: false },
-  orientation: { type: String, required: false, default: "horizontal" },
-  decorative: { type: Boolean, required: false },
-  asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
-  class: { type: null, required: false },
-  label: { type: String, required: false }
-});
+<script setup lang="ts">
+import type { NSeparatorProps } from '../../types'
+import { Separator } from 'reka-ui'
+import { computed } from 'vue'
+import { cn, omitProps } from '../../utils'
+
+const props = withDefaults(defineProps<NSeparatorProps>(), {
+  orientation: 'horizontal',
+})
+
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = omitProps(props, ["una"]);
-  return delegated;
-});
+  const { class: _, ...delegated } = omitProps(props, ['una'])
+
+  return delegated
+})
 </script>
 
 <template>
   <Separator
     v-bind="omitProps(delegatedProps, ['una', 'separatorPosition'])"
     :class="
-  cn(
-    'separator',
-    props.una?.separatorDefaultVariant || 'separator-default-variant',
-    props.class,
-    props.una?.separator,
-    props.orientation === 'vertical' ? 'separator-vertical' : 'separator-horizontal'
-  )
-"
+      cn(
+        'separator',
+        props.una?.separatorDefaultVariant || 'separator-default-variant',
+        props.class,
+        props.una?.separator,
+        props.orientation === 'vertical' ? 'separator-vertical' : 'separator-horizontal',
+      )
+    "
   >
     <span
       v-if="props.label || $slots.default"
       :separator-position="props.separatorPosition || 'center'"
       :class="cn(
-  'separator-content',
-  props.una?.separatorContent,
-  props.orientation === 'vertical' ? 'separator-content-vertical' : 'separator-content-horizontal'
-)"
+        'separator-content',
+        props.una?.separatorContent,
+        props.orientation === 'vertical' ? 'separator-content-vertical' : 'separator-content-horizontal',
+      )"
     >
       <slot>
         {{ props.label }}

package/dist/runtime/components/elements/Skeleton.vue

@@ -1,23 +1,19 @@
-<script setup>
-import { cn } from "../../utils";
-const props = defineProps({
-  skeleton: { type: null, required: false },
-  size: { type: null, required: false },
-  rounded: { type: null, required: false },
-  una: { type: Object, required: false },
-  class: { type: null, required: false }
-});
+<script setup lang="ts">
+import type { NSkeletonProps } from '../../types'
+import { cn } from '../../utils'
+
+const props = defineProps<NSkeletonProps>()
 </script>
 
 <template>
   <div
     :class="
-  cn(
-    'skeleton',
-    props.class,
-    props.una?.skeleton
-  )
-"
+      cn(
+        'skeleton',
+        props.class,
+        props.una?.skeleton,
+      )
+    "
     :skeleton
     :size
     :rounded

package/dist/runtime/components/elements/Toggle.vue

@@ -1,57 +1,35 @@
-<script setup>
-import { Toggle, useForwardPropsEmits } from "reka-ui";
-import { computed } from "vue";
-import { cn } from "../../utils";
-import Button from "./Button.vue";
-const props = defineProps({
-  toggleOn: { type: String, required: false, default: "~" },
-  toggleOff: { type: String, required: false, default: "~" },
-  defaultValue: { type: Boolean, required: false },
-  modelValue: { type: [Boolean, null], required: false },
-  disabled: { type: Boolean, required: false },
-  asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
-  name: { type: String, required: false },
-  required: { type: Boolean, required: false },
-  type: { type: String, required: false },
-  loadingPlacement: { type: String, required: false },
-  icon: { type: Boolean, required: false, default: true },
-  reverse: { type: Boolean, required: false },
-  loading: { type: Boolean, required: false },
-  block: { type: Boolean, required: false },
-  to: { type: null, required: false },
-  label: { type: String, required: false },
-  btn: { type: String, required: false },
-  leading: { type: String, required: false },
-  trailing: { type: String, required: false },
-  size: { type: String, required: false },
-  una: { type: Object, required: false },
-  square: { type: null, required: false, default: true },
-  rounded: { type: null, required: false },
-  class: { type: null, required: false },
-  breadcrumbActive: { type: String, required: false },
-  breadcrumbInactive: { type: String, required: false },
-  paginationSelected: { type: String, required: false },
-  paginationUnselected: { type: String, required: false },
-  dropdownMenu: { type: String, required: false },
-  navigationMenu: { type: String, required: false },
-  navigationMenuLink: { type: String, required: false },
-  ariaLabel: { type: String, required: false }
-});
-const emits = defineEmits(["update:modelValue"]);
+<script setup lang="ts">
+import type { ToggleEmits } from 'reka-ui'
+import type { NToggleProps } from '../../types'
+import { Toggle, useForwardPropsEmits } from 'reka-ui'
+import { computed } from 'vue'
+import { cn } from '../../utils'
+import Button from './Button.vue'
+
+const props = withDefaults(defineProps<NToggleProps>(), {
+  icon: true,
+  square: true,
+  toggleOff: '~',
+  toggleOn: '~',
+})
+
+const emits = defineEmits<ToggleEmits>()
+
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
-const forwarded = useForwardPropsEmits(delegatedProps, emits);
+  const { class: _, ...delegated } = props
+
+  return delegated
+})
+
+const forwarded = useForwardPropsEmits(delegatedProps, emits)
 </script>
 
 <template>
   <Toggle
     :class="cn(
-  'toggle',
-  props.class
-)"
+      'toggle',
+      props.class,
+    )"
     v-bind="forwarded"
     :toggle-off
     :toggle-on

package/dist/runtime/components/elements/avatar/Avatar.vue

@@ -1,39 +1,30 @@
-<script setup>
-import { AvatarRoot } from "reka-ui";
-import { cn } from "../../../utils";
-import AvatarFallback from "./AvatarFallback.vue";
-import AvatarImage from "./AvatarImage.vue";
+<script setup lang="ts">
+import type { NAvatarProps } from '../../../types'
+import { AvatarRoot } from 'reka-ui'
+import { cn } from '../../../utils'
+import AvatarFallback from './AvatarFallback.vue'
+import AvatarImage from './AvatarImage.vue'
+
 defineOptions({
-  inheritAttrs: false
-});
-const props = defineProps({
-  _avatarRoot: { type: Object, required: false },
-  _avatarImage: { type: Object, required: false },
-  _avatarFallback: { type: Object, required: false },
-  una: { type: Object, required: false },
-  class: { type: null, required: false },
-  size: { type: null, required: false, default: "md" },
-  square: { type: null, required: false, default: "2.5em" },
-  rounded: { type: null, required: false, default: "full" },
-  avatar: { type: null, required: false, default: "soft" },
-  asChild: { type: Boolean, required: false },
-  as: { type: null, required: false, default: "span" },
-  label: { type: String, required: false },
-  icon: { type: Boolean, required: false },
-  delayMs: { type: Number, required: false },
-  src: { type: String, required: false },
-  alt: { type: String, required: false },
-  referrerPolicy: { type: null, required: false }
-});
+  inheritAttrs: false,
+})
+
+const props = withDefaults(defineProps<NAvatarProps>(), {
+  as: 'span',
+  size: 'md',
+  rounded: 'full',
+  square: '2.5em',
+  avatar: 'soft',
+})
 </script>
 
 <template>
   <AvatarRoot
     :class="cn(
-  'avatar',
-  una?.avatarRoot,
-  props.class
-)"
+      'avatar',
+      una?.avatarRoot,
+      props.class,
+    )"
     :size
     :rounded
     :square
@@ -51,7 +42,7 @@ const props = defineProps({
     </slot>
 
     <AvatarFallback
-      :label="label || alt?.split(' ').map((word) => word[0]).join('').slice(0, 2)"
+      :label="label || alt?.split(' ').map(word => word[0]).join('').slice(0, 2)"
       :icon
       v-bind="_avatarFallback"
       :una

package/dist/runtime/components/elements/avatar/AvatarFallback.vue

@@ -1,46 +1,37 @@
-<script setup>
-import { AvatarFallback } from "reka-ui";
-import { cn, omitProps } from "../../../utils";
-import Icon from "../Icon.vue";
-const props = defineProps({
-  label: { type: String, required: false },
-  icon: { type: Boolean, required: false },
-  una: { type: Object, required: false },
-  delayMs: { type: Number, required: false },
-  asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
-  class: { type: null, required: false },
-  size: { type: null, required: false },
-  square: { type: null, required: false },
-  rounded: { type: null, required: false }
-});
+<script setup lang="ts">
+import type { NAvatarAvatarFallbackProps } from '../../../types'
+import { AvatarFallback } from 'reka-ui'
+import { cn, omitProps } from '../../../utils'
+import Icon from '../Icon.vue'
+
+const props = defineProps<NAvatarAvatarFallbackProps>()
 </script>
 
 <template>
   <AvatarFallback
     v-bind="omitProps(props, ['label', 'una', 'icon'])"
     :class="cn(
-  'avatar-fallback',
-  una?.avatarFallback,
-  props.class
-)"
+      'avatar-fallback',
+      una?.avatarFallback,
+      props.class,
+    )"
   >
     <slot>
       <span
         v-if="label && !icon"
         :class="cn(
-  'avatar-label',
-  una?.avatarLabel
-)"
+          'avatar-label',
+          una?.avatarLabel,
+        )"
       >
         {{ label }}
       </span>
       <Icon
         v-else-if="icon"
         :class="cn(
-  'avatar-icon',
-  una?.avatarIcon
-)"
+          'avatar-icon',
+          una?.avatarIcon,
+        )"
         :name="label"
       />
     </slot>

package/dist/runtime/components/elements/avatar/AvatarImage.vue

@@ -1,28 +1,19 @@
-<script setup>
-import { AvatarImage } from "reka-ui";
-import { cn, omitProps } from "../../../utils";
-const props = defineProps({
-  src: { type: String, required: false },
-  alt: { type: String, required: false },
-  una: { type: Object, required: false },
-  referrerPolicy: { type: null, required: false },
-  asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
-  class: { type: null, required: false },
-  size: { type: null, required: false },
-  square: { type: null, required: false },
-  rounded: { type: null, required: false }
-});
+<script setup lang="ts">
+import type { NAvatarImageProps } from '../../../types'
+import { AvatarImage } from 'reka-ui'
+import { cn, omitProps } from '../../../utils'
+
+const props = defineProps<NAvatarImageProps>()
 </script>
 
 <template>
   <AvatarImage
     v-bind="omitProps(props, ['class', 'una'])"
-    :src="src"
+    :src="src!"
     :class="cn(
-  'avatar-image',
-  una?.avatarImage,
-  props.class
-)"
+      'avatar-image',
+      una?.avatarImage,
+      props.class,
+    )"
   />
 </template>

package/dist/runtime/components/elements/card/Card.vue

@@ -1,30 +1,26 @@
-<script setup>
-import { computed } from "vue";
-import { cn } from "../../../utils";
-import CardContent from "./CardContent.vue";
-import CardDescription from "./CardDescription.vue";
-import CardFooter from "./CardFooter.vue";
-import CardHeader from "./CardHeader.vue";
-import CardTitle from "./CardTitle.vue";
+<script setup lang="ts">
+import type { NCardProps } from '../../../types/card'
+import { computed } from 'vue'
+import { cn } from '../../../utils'
+import CardContent from './CardContent.vue'
+import CardDescription from './CardDescription.vue'
+import CardFooter from './CardFooter.vue'
+import CardHeader from './CardHeader.vue'
+import CardTitle from './CardTitle.vue'
+
 defineOptions({
-  inheritAttrs: false
-});
-const props = defineProps({
-  card: { type: String, required: false, default: "outline-gray" },
-  title: { type: String, required: false },
-  description: { type: String, required: false },
-  _cardContent: { type: Object, required: false },
-  _cardTitle: { type: Object, required: false },
-  _cardDescription: { type: Object, required: false },
-  _cardHeader: { type: Object, required: false },
-  _cardFooter: { type: Object, required: false },
-  una: { type: Object, required: false },
-  class: { type: null, required: false }
-});
+  inheritAttrs: false,
+})
+
+const props = withDefaults(defineProps<NCardProps>(), {
+  card: 'outline-gray',
+})
+
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+  const { class: _, ...delegated } = props
+
+  return delegated
+})
 </script>
 
 <template>
@@ -32,9 +28,9 @@ const delegatedProps = computed(() => {
     v-bind="{ ...$attrs, delegatedProps }"
     :card="card"
     :class="cn(
-  'card',
-  props.class
-)"
+      'card',
+      props.class,
+    )"
   >
     <slot name="root">
       <CardHeader