fix(CProgress): custom variant validator issue

mrholek · mrholek · commit c420063d4b2c · 2021-08-07T22:39:29.000+02:00
diff --git a/src/components/progress/CProgress.ts b/src/components/progress/CProgress.ts
@@ -5,68 +5,12 @@ import { CProgressBar } from './CProgressBar'
 const CProgress = defineComponent({
   name: 'CProgress',
   props: {
-    /**
-     * Use to animate the stripes right to left via CSS3 animations.
-     */
-    animated: {
-      type: Boolean,
-      required: false,
-    },
-    /**
-     * Sets the color context of the component to one of CoreUI’s themed colors.
-     *
-     * @default 'primary'
-     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
-     */
-    color: {
-      type: String,
-      default: 'primary',
-      require: false,
-      validator: (value: string) => {
-        return [
-          'primary',
-          'secondary',
-          'success',
-          'danger',
-          'warning',
-          'info',
-          'dark',
-          'light',
-        ].includes(value)
-      },
-    },
-    // TODO: check how to use defualt HTMLAttributes
-    /**
-     * Set the height of component.
-     */
     height: {
       type: Number,
       default: undefined,
       required: false,
     },
-    /**
-     * The percent to progress the ProgressBar.
-     *
-     * @default 0
-     */
-    value: {
-      type: Number,
-      required: false,
-      default: 0,
-    },
-    /**
-     * Set the progress bar variant to optional striped.
-     *
-     * @values 'striped'
-     */
-    variant: {
-      type: String,
-      default: 'primary',
-      require: false,
-      validator: (value: string) => {
-        return value === 'striped'
-      },
-    },
+    ...CProgressBar.props,
   },
   setup(props, { slots }) {
     return () =>
diff --git a/src/components/progress/CProgressBar.ts b/src/components/progress/CProgressBar.ts
@@ -50,7 +50,7 @@ const CProgressBar = defineComponent({
      */
     variant: {
       type: String,
-      default: 'primary',
+      default: undefined,
       require: false,
       validator: (value: string) => {
         return value === 'striped'
