@coreui/vue-pro 4.8.0 → 4.8.2

package/dist/props.d.ts

@@ -0,0 +1,19 @@
+export declare const Shape: {
+    type: StringConstructor;
+    validator: (value: string) => boolean;
+};
+export declare const Align: {
+    type: StringConstructor;
+    validator: (value: string) => boolean;
+};
+export declare const Color: {
+    type: StringConstructor;
+    validator: (value: string) => boolean;
+};
+export declare const TextColor: {
+    type: StringConstructor;
+    validator: (value: string) => boolean;
+};
+export declare const Breakpoint: {
+    validator: (value: boolean | number) => boolean;
+};

package/dist/types.d.ts

@@ -0,0 +1,5 @@
+export type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+export type Colors = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'primary-gradient' | 'secondary-gradient' | 'success-gradient' | 'danger-gradient' | 'warning-gradient' | 'info-gradient' | 'dark-gradient' | 'light-gradient' | string;
+export type Placements = 'auto' | 'auto-start' | 'auto-end' | 'top-end' | 'top' | 'top-start' | 'bottom-end' | 'bottom' | 'bottom-start' | 'right-start' | 'right' | 'right-end' | 'left-start' | 'left' | 'left-end' | undefined;
+export type Shapes = 'rounded' | 'rounded-top' | 'rounded-end' | 'rounded-bottom' | 'rounded-start' | 'rounded-circle' | 'rounded-pill' | 'rounded-0' | 'rounded-1' | 'rounded-2' | 'rounded-3' | string;
+export type Triggers = 'hover' | 'focus' | 'click';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-pro",
-  "version": "4.8.0",
+  "version": "4.8.2",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
@@ -31,17 +31,25 @@
     "src/"
   ],
   "scripts": {
-    "build": "rollup -c --bundleConfigAsCjs"
+    "build": "rollup -c --bundleConfigAsCjs",
+    "test": "jest --coverage",
+    "test:clear": "jest --clearCache",
+    "test:update": "jest --coverage --updateSnapshot"
   },
   "devDependencies": {
-    "@popperjs/core": "^2.11.6",
+    "@popperjs/core": "^2.11.7",
     "@rollup/plugin-commonjs": "^24.0.1",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-typescript": "^11.0.0",
-    "@vue/test-utils": "^2.2.10",
+    "@types/jest": "^29.5.0",
+    "@vue/test-utils": "^2.3.2",
+    "@vue/vue3-jest": "29.2.3",
     "date-fns": "^2.29.3",
-    "rollup": "^3.15.0",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
+    "rollup": "^3.20.2",
     "rollup-plugin-vue": "^6.0.0",
+    "ts-jest": "^29.0.5",
     "typescript": "^4.9.5",
     "vue": "^3.2.47",
     "vue-types": "^5.0.2"

package/src/components/accordion/CAccordion.ts

@@ -6,11 +6,7 @@ const CAccordion = defineComponent({
     /**
      * The active item key.
      */
-    activeItemKey: {
-      type: [Number, String],
-      default: undefined,
-      require: false,
-    },
+    activeItemKey: [Number, String],
     /**
      * Make accordion items stay open when another item is opened
      */

package/src/components/accordion/CAccordionBody.ts

@@ -1,5 +1,5 @@
 import { defineComponent, h, inject, Ref } from 'vue'
-import { CCollapse } from './../collapse/CCollapse'
+import { CCollapse } from '../collapse/CCollapse'
 
 const CAccordionBody = defineComponent({
   name: 'CAccordionBody',

package/src/components/accordion/CAccordionItem.ts

@@ -6,16 +6,11 @@ const CAccordionItem = defineComponent({
     /**
      * The item key.
      */
-    itemKey: {
-      type: [Number, String],
-      default: undefined,
-      require: false,
-    },
+    itemKey: [Number, String]
   },
   setup(props, { slots }) {
     const activeItemKey = inject('activeItemKey') as Ref<number | string>
     const alwaysOpen = inject('alwaysOpen') as boolean
-    // eslint-disable-next-line no-unused-vars
     const setActiveItemKey = inject('setActiveItemKey') as (key: number | string) => void
 
     const itemKey = ref(props.itemKey ? props.itemKey : Math.random().toString(36).substr(2, 9))

package/src/components/accordion/__tests__/__snapshots__/CAccordion.spec.ts.snap

@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CAccordion component renders correctly 1`] = `"<div class=\\"accordion accordion-flush\\">Default slot</div>"`;
+exports[`Loads and display CAccordion component renders correctly 1`] = `"<div class="accordion accordion-flush">Default slot</div>"`;

package/src/components/accordion/__tests__/__snapshots__/CAccordionBody.spec.ts.snap

@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Loads and display CAccordionBody component renders correctly 1`] = `
-"<transition-stub class=\\"accordion-collapse\\">
-  <div class=\\"collapse\\">
-    <div class=\\"accordion-body\\">Default slot</div>
+"<transition-stub appear="false" persisted="false" css="false" class="accordion-collapse">
+  <div class="collapse">
+    <div class="accordion-body">Default slot</div>
   </div>
 </transition-stub>"
 `;

package/src/components/accordion/__tests__/__snapshots__/CAccordionButton.spec.ts.snap

@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CAccordionButton component renders correctly 1`] = `"<button type=\\"button\\" aria-expanded=\\"true\\" class=\\"accordion-button collapsed\\">Default slot</button>"`;
+exports[`Loads and display CAccordionButton component renders correctly 1`] = `"<button type="button" aria-expanded="true" class="accordion-button collapsed">Default slot</button>"`;

package/src/components/accordion/__tests__/__snapshots__/CAccordionHeader.spec.ts.snap

@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CAccordionHeader component renders correctly 1`] = `"<div class=\\"accordion-header\\"><button type=\\"button\\" aria-expanded=\\"true\\" class=\\"accordion-button collapsed\\">Default slot</button></div>"`;
+exports[`Loads and display CAccordionHeader component renders correctly 1`] = `"<div class="accordion-header"><button type="button" aria-expanded="true" class="accordion-button collapsed">Default slot</button></div>"`;

package/src/components/accordion/__tests__/__snapshots__/CAccordionItem.spec.ts.snap

@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CAccordionItem component renders correctly 1`] = `"<div class=\\"accordion-item\\">Default slot</div>"`;
+exports[`Loads and display CAccordionItem component renders correctly 1`] = `"<div class="accordion-item">Default slot</div>"`;

package/src/components/alert/CAlert.ts

@@ -1,7 +1,8 @@
 import { defineComponent, h, ref, Transition, watch } from 'vue'
 
-import { Color } from '../props'
-import { CCloseButton } from '../close-button/CCloseButton'
+import { CCloseButton } from '../close-button'
+
+import { Color } from '../../props'
 
 export const CAlert = defineComponent({
   name: 'CAlert',
@@ -15,11 +16,7 @@ export const CAlert = defineComponent({
     /**
      * Optionally add a close button to alert and allow it to self dismisss.
      */
-    dismissible: {
-      type: Boolean,
-      default: false,
-      required: false,
-    },
+    dismissible: Boolean,
     /**
      * Set the alert variant to a solid.
      *
@@ -27,8 +24,6 @@ export const CAlert = defineComponent({
      */
     variant: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return value === 'solid'
       },
@@ -39,7 +34,6 @@ export const CAlert = defineComponent({
     visible: {
       type: Boolean,
       default: true,
-      required: false,
     },
   },
   emits: [
@@ -67,8 +61,6 @@ export const CAlert = defineComponent({
       h(
         Transition,
         {
-          name: 'fade',
-          duration: 350,
           enterFromClass: '',
           enterActiveClass: 'fade',
           enterToClass: 'fade show',

package/src/components/alert/CAlertHeading.ts

@@ -9,7 +9,6 @@ export const CAlertHeading = defineComponent({
     component: {
       type: String,
       default: 'h4',
-      required: false,
     },
   },
   setup(props, { slots }) {

package/src/components/alert/__tests__/CAlert.spec.ts

@@ -1,5 +1,5 @@
 import { shallowMount } from '@vue/test-utils'
-import { CAlert as Component } from './../../'
+import { CAlert as Component } from '../../'
 
 const ComponentName = 'CAlert'
 const wrapper = shallowMount(Component)

package/src/components/alert/__tests__/__snapshots__/CAlert.spec.ts.snap

@@ -1,7 +1,15 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Loads and display CAlert component renders correctly 1`] = `
-<transition-stub>
+<transition-stub
+  appear="false"
+  css="true"
+  enteractiveclass="fade"
+  enterfromclass=""
+  entertoclass="fade show"
+  leaveactiveclass="fade"
+  persisted="false"
+>
   <div
     class="alert alert-undefined"
   >
@@ -13,7 +21,14 @@ exports[`Loads and display CAlert component renders correctly 1`] = `
 
 exports[`Loads and display CAlert component renders correctly with slot 1`] = `
 <transition-stub
+  appear="false"
   class="bazinga"
+  css="true"
+  enteractiveclass="fade"
+  enterfromclass=""
+  entertoclass="fade show"
+  leaveactiveclass="fade"
+  persisted="false"
 >
   <div
     class="alert alert-success alert-success"

package/src/components/alert/__tests__/__snapshots__/CAlertHeading.spec.ts.snap

@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CAlertHeading component renders correctly 1`] = `"<h2 class=\\"alert-heading\\">Default slot</h2>"`;
+exports[`Customize CAlertHeading component renders correctly 1`] = `"<h2 class="alert-heading">Default slot</h2>"`;
 
-exports[`Loads and display CAlertHeading component renders correctly 1`] = `"<h4 class=\\"alert-heading\\">Default slot</h4>"`;
+exports[`Loads and display CAlertHeading component renders correctly 1`] = `"<h4 class="alert-heading">Default slot</h4>"`;

package/src/components/alert/__tests__/__snapshots__/CAlertLink.spec.ts.snap

@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CAlertLink component renders correctly 1`] = `"<a class=\\"alert-link\\">Default slot</a>"`;
+exports[`Loads and display CAlertLink component renders correctly 1`] = `"<a class="alert-link">Default slot</a>"`;

package/src/components/avatar/CAvatar.ts

@@ -1,5 +1,6 @@
 import { defineComponent, h } from 'vue'
-import { Color, Shape, TextColor } from '../props'
+
+import { Color, Shape, TextColor } from '../../props'
 
 const CAvatar = defineComponent({
   name: 'CAvatar',
@@ -23,8 +24,6 @@ const CAvatar = defineComponent({
      */
     size: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['sm', 'md', 'lg', 'xl'].includes(value)
       },
@@ -32,11 +31,7 @@ const CAvatar = defineComponent({
     /**
      * The src attribute for the img element.
      */
-    src: {
-      type: String,
-      default: undefined,
-      required: false,
-    },
+    src: String,
     /**
      * Sets the color context of the status indicator to one of CoreUI’s themed colors.
      *
@@ -44,8 +39,6 @@ const CAvatar = defineComponent({
      */
     status: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return [
           'primary',

package/src/components/avatar/__tests__/__snapshots__/CAvatar.spec.ts.snap

@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Loads and display CAvatar component renders correctly 1`] = `
-"<div class=\\"avatar undefined\\">Default slot
+"<div class="avatar undefined">Default slot
   <!---->
 </div>"
 `;
 
-exports[`Loads and display CAvatar component renders correctly 2`] = `"<div class=\\"avatar bg-warning avatar-md text-light rounded-bottom\\"><img src=\\"/bazinga\\" class=\\"avatar-img\\"><span class=\\"avatar-status bg-danger\\"></span></div>"`;
+exports[`Loads and display CAvatar component renders correctly 2`] = `"<div class="avatar bg-warning avatar-md text-light rounded-bottom"><img src="/bazinga" class="avatar-img"><span class="avatar-status bg-danger"></span></div>"`;

package/src/components/backdrop/CBackdrop.ts

@@ -1,6 +1,4 @@
-import { defineComponent, h, RendererElement, Transition } from 'vue'
-
-import { executeAfterTransition } from './../../utils/transition'
+import { defineComponent, h, Transition } from 'vue'
 
 const CBackdrop = defineComponent({
   name: 'CBackdrop',
@@ -11,39 +9,19 @@ const CBackdrop = defineComponent({
     visible: {
       type: Boolean,
       default: false,
-      required: false,
     },
   },
   setup(props) {
-    const handleBeforeEnter = (el: RendererElement) => {
-      el.classList.remove('d-none')
-    }
-
-    const handleEnter = (el: RendererElement, done: () => void) => {
-      executeAfterTransition(() => done(), el as HTMLElement)
-      setTimeout(() => {
-        el.style.visibility = 'visible'
-        el.classList.add('show')
-      }, 1)
-    }
-
-    const handleLeave = (el: RendererElement, done: () => void) => {
-      executeAfterTransition(() => done(), el as HTMLElement)
-      el.classList.remove('show')
-    }
-
-    const handleAfterLeave = (el: RendererElement) => {
-      el.classList.add('d-none')
-    }
-
     return () =>
       h(
         Transition,
         {
-          onBeforeEnter: (el) => handleBeforeEnter(el),
-          onEnter: (el, done) => handleEnter(el, done),
-          onLeave: (el, done) => handleLeave(el, done),
-          onAfterLeave: (el) => handleAfterLeave(el),
+          onEnter: (el) => {
+            el.classList.add('show')
+          },
+          onLeave: (el) => {
+            el.classList.remove('show')
+          }
         },
         () =>
           props.visible &&

package/src/components/backdrop/__tests__/__snapshots__/CBackdrop.spec.ts.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Loads and display CBackdrop component renders correctly 1`] = `
-"<transition-stub>
-  <div class=\\"fade\\"></div>
+"<transition-stub appear="false" persisted="false" css="true">
+  <div class="fade"></div>
 </transition-stub>"
 `;

package/src/components/badge/CBadge.ts

@@ -1,6 +1,6 @@
 import { defineComponent, h } from 'vue'
 
-import { Color, Shape, TextColor } from '../props'
+import { Color, Shape, TextColor } from '../../props'
 
 const CBadge = defineComponent({
   name: 'CBadge',
@@ -16,7 +16,6 @@ const CBadge = defineComponent({
      */
     component: {
       type: String,
-      required: false,
       default: 'span',
     },
     /**
@@ -26,8 +25,6 @@ const CBadge = defineComponent({
      */
     position: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['top-start', 'top-end', 'bottom-end', 'bottom-start'].includes(value)
       },
@@ -45,8 +42,6 @@ const CBadge = defineComponent({
      */
     size: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return value === 'sm'
       },

package/src/components/badge/__tests__/CBadge.spec.ts

@@ -1,5 +1,5 @@
 import { shallowMount } from '@vue/test-utils'
-import { CBadge as Component } from './../../'
+import { CBadge as Component } from '../../'
 
 const ComponentName = 'CBadge'
 const wrapper = shallowMount(Component)

package/src/components/breadcrumb/CBreadcrumbItem.ts

@@ -6,18 +6,11 @@ const CBreadcrumbItem = defineComponent({
     /**
      * Toggle the active state for the component.
      */
-    active: {
-      type: Boolean,
-      required: false,
-    },
+    active: Boolean,
     /**
      * The `href` attribute for the inner link component.
      */
-    href: {
-      type: String,
-      default: undefined,
-      required: false,
-    },
+    href: String,
   },
 
   setup(props, { slots }) {

package/src/components/breadcrumb/__tests__/__snapshots__/CBreadcrumb.spec.ts.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Loads and display CBreadcrumb component renders correctly 1`] = `
-"<nav aria-label=\\"breadcrumb\\" class=\\"bazinga\\">
-  <ol class=\\"breadcrumb bazinga\\">Default slot</ol>
+"<nav aria-label="breadcrumb" class="bazinga">
+  <ol class="breadcrumb bazinga">Default slot</ol>
 </nav>"
 `;

package/src/components/breadcrumb/__tests__/__snapshots__/CBreadcrumbItem.spec.ts.snap

@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CBreadcrumbItem component renders correctly 1`] = `"<li class=\\"breadcrumb-item active\\" aria-current=\\"page\\"><a href=\\"/bazinga\\">Default slot</a></li>"`;
+exports[`Customize CBreadcrumbItem component renders correctly 1`] = `"<li class="breadcrumb-item active" aria-current="page"><a href="/bazinga">Default slot</a></li>"`;
 
-exports[`Loads and display CBreadcrumbItem component renders correctly 1`] = `"<li class=\\"breadcrumb-item\\">Default slot</li>"`;
+exports[`Loads and display CBreadcrumbItem component renders correctly 1`] = `"<li class="breadcrumb-item">Default slot</li>"`;

package/src/components/button/CButton.ts

@@ -1,5 +1,6 @@
 import { defineComponent, h } from 'vue'
-import { Color, Shape } from '../props'
+
+import { Color, Shape } from '../../props'
 
 export const CButton = defineComponent({
   name: 'CButton',
@@ -7,11 +8,7 @@ export const CButton = defineComponent({
     /**
      * Toggle the active state for the component.
      */
-    active: {
-      type: Boolean,
-      default: false,
-      required: false,
-    },
+    active: Boolean,
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
      *
@@ -24,23 +21,15 @@ export const CButton = defineComponent({
     component: {
       type: String,
       default: 'button',
-      required: false,
     },
     /**
      * Toggle the disabled state for the component.
      */
-    disabled: {
-      type: Boolean,
-      required: false,
-    },
+    disabled: Boolean,
     /**
      * The href attribute specifies the URL of the page the link goes to.
      */
-    href: {
-      type: String,
-      default: undefined,
-      required: false,
-    },
+    href: String,
     /**
      * Select the shape of the component.
      *
@@ -54,8 +43,6 @@ export const CButton = defineComponent({
      */
     size: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['sm', 'lg'].includes(value)
       },
@@ -69,7 +56,6 @@ export const CButton = defineComponent({
     type: {
       type: String,
       default: 'button',
-      required: false,
       validator: (value: string) => {
         return ['button', 'submit', 'reset'].includes(value)
       },
@@ -81,8 +67,6 @@ export const CButton = defineComponent({
      */
     variant: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['ghost', 'outline'].includes(value)
       },

package/src/components/button/__tests__/__snapshots__/CButton.spec.ts.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize (number two) CButton component renders correctly 1`] = `"<a class=\\"btn btn-warning disabled\\" disabled=\\"false\\" aria-disabled=\\"true\\" tabindex=\\"-1\\">Default slot</a>"`;
+exports[`Customize (number two) CButton component renders correctly 1`] = `"<a class="btn btn-warning disabled" disabled="false" aria-disabled="true" tabindex="-1">Default slot</a>"`;
 
-exports[`Customize CButton component renders correctly 1`] = `"<div class=\\"btn btn-outline-warning btn-lg active disabled rounded-pill\\" disabled=\\"true\\">Default slot</div>"`;
+exports[`Customize CButton component renders correctly 1`] = `"<div class="btn btn-outline-warning btn-lg active disabled rounded-pill" disabled="true">Default slot</div>"`;
 
-exports[`Loads and display CButton component renders correctly 1`] = `"<button class=\\"btn btn-undefined\\" type=\\"button\\">Default slot</button>"`;
+exports[`Loads and display CButton component renders correctly 1`] = `"<button class="btn btn-undefined" type="button">Default slot</button>"`;

package/src/components/button-group/CButtonGroup.ts

@@ -10,8 +10,6 @@ const CButtonGroup = defineComponent({
      */
     size: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['sm', 'lg'].includes(value)
       },
@@ -19,10 +17,7 @@ const CButtonGroup = defineComponent({
     /**
      * Create a set of buttons that appear vertically stacked rather than horizontally. Split button dropdowns are not supported here.
      */
-    vertical: {
-      type: Boolean,
-      required: false,
-    },
+    vertical: Boolean,
   },
   setup(props, { slots }) {
     return () =>

package/src/components/button-group/__tests__/__snapshots__/CButtonGroup.spec.ts.snap

@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Custom CButtonGroup component renders correctly 1`] = `"<div class=\\"btn-group-vertical btn-group-lg\\">Default slot</div>"`;
+exports[`Custom CButtonGroup component renders correctly 1`] = `"<div class="btn-group-vertical btn-group-lg">Default slot</div>"`;
 
-exports[`Loads and display CButtonGroup component renders correctly 1`] = `"<div class=\\"btn-group\\">Default slot</div>"`;
+exports[`Loads and display CButtonGroup component renders correctly 1`] = `"<div class="btn-group">Default slot</div>"`;

package/src/components/button-group/__tests__/__snapshots__/CButtonToolbar.spec.ts.snap

@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loads and display CButtonToolbar component renders correctly 1`] = `"<div class=\\"btn-toolbar\\">Default slot</div>"`;
+exports[`Loads and display CButtonToolbar component renders correctly 1`] = `"<div class="btn-toolbar">Default slot</div>"`;

package/src/components/callout/CCallout.ts

@@ -1,5 +1,6 @@
 import { defineComponent, h } from 'vue'
-import { Color } from '../props'
+
+import { Color } from '../../props'
 
 const CCallout = defineComponent({
   name: 'CCallout',

package/src/components/callout/__tests__/__snapshots__/CCallout.spec.ts.snap

@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CCallout component renders correctly 1`] = `"<div class=\\"callout callout-warning\\">Default slot</div>"`;
+exports[`Customize CCallout component renders correctly 1`] = `"<div class="callout callout-warning">Default slot</div>"`;
 
-exports[`Loads and display CCallout component renders correctly 1`] = `"<div class=\\"callout\\">Default slot</div>"`;
+exports[`Loads and display CCallout component renders correctly 1`] = `"<div class="callout">Default slot</div>"`;

package/src/components/card/CCard.ts

@@ -1,5 +1,6 @@
 import { defineComponent, h } from 'vue'
-import { Color, TextColor } from '../props'
+
+import { Color, TextColor } from '../../props'
 
 const CCard = defineComponent({
   name: 'CCard',

package/src/components/card/CCardHeader.ts

@@ -8,7 +8,6 @@ const CCardHeader = defineComponent({
      */
     component: {
       type: String,
-      required: false,
       default: 'div',
     },
   },

package/src/components/card/CCardImage.ts

@@ -8,7 +8,6 @@ const CCardImage = defineComponent({
      */
     component: {
       type: String,
-      required: false,
       default: 'img',
     },
     /**
@@ -18,8 +17,6 @@ const CCardImage = defineComponent({
      */
     orientation: {
       type: String,
-      default: undefined,
-      required: false,
       validator: (value: string) => {
         return ['top', 'bottom'].includes(value)
       },

package/src/components/card/CCardLink.ts

@@ -10,7 +10,6 @@ const CCardLink = defineComponent({
     href: {
       type: String,
       default: '#',
-      required: false,
     },
   },
   setup(props, { slots }) {